Big Sur is the brand new Apple macOS 11 design system introduced together with the new iOS 14 at WWDC 2020.
This new design system brings lots of iOS & ipadOS inspired visual changes and redesigns to the next generation Mac.
In this post, you will find the latest and free design resources that could be used to get a new Big Sur experience for your next design project. I hope you find useful and get inspired.
Last updated: Aug 24, 2021
Table Of Contents:
UI Elements:
Giant Sur
macOS Big Sur UI clone for the web built with React, Next.js, TypeScript, and Tailwind CSS.
Free Browser Mockup Safari Big Sur
A free Safari Browser for macOS Big Sur.
macOS Big Sur Windows
macOS Big Sur Control Center Design For XD
Safari Big Sur Mockup Sketch
A Safari Browser mockup in the style of macOS Big Sur.
macOS Big Sur Control Center
The new macOS control center concept in Sketch format.
App Clip Template
The new App Clip feature in iSO 14. Available as a Sketch file.
macOS Big Sur and Safari UI (Figma)
A brand new Safari browser UI following the new Apple macOS Big Sur design.
Minimal Clean macOS Big Sur Safari Mockup
A minimal clean Safari on macOS Big Sur system mockup. Designed using Adobe XD.
macOS Big Sur Control Center in React
See the Pen
MacOS big sur control center in React by Ahmed Elsakaan (@ixahmedxi)
on CodePen.
App Icons:
Big Sur Folders
A set of custom Big Sur folder icons.
big-sur-icons
A collection of re-imagined icons for popular apps in the macOS Big Sur style.
Adobe Icons For Big Sur
4 Adobe app icons for Big Sur: Photoshop, Illustrator, Lightroom, and After Effects.
Big Sur Office Icons
4 Big Sur Microsoft office app icons: Word, PowerPoint, OneNote, and Excel.
Big sur icon free download
A set of 24 big sur style app icons for Sektch app.
Neumorphism MacOS Big Sur 30 3D Icon Set
Neumorphic style 3D icons for macOS Big sur.
New Icons in macOS Big Sur
Creative Cloud Icons For Big Sur
A set of Creative Cloud (Adobe Product) app icons for macOS Big Sur design projects:
- Acrobat Reader
- After Effects
- Bridge.png
- Creative Cloud
- Dimension
- Illustrator
- InDesign
- Lightroom
- Media Encoder
- Photoshop
- Premier Pro
- XD
macOS Big Sur Styled Vector Icons
A set of 9 macOS Big Sur styled App icons in AI format.
Big Sur Style Social Icons In Figma
A set of 3D macOS Big Sur style social icons: Youtube, Instagram, Linkedin, Twitter, Skype, Facebook, Vimeo, etc.
30+ Free 3D Big Sur Icons
A set of 30+ free 3d macOS Big Sur icons created using Figma and C4D.
macOS Big Sur Replacements Icons
A set of macOS Big Sur Replacements Icons in ICNS and PNG formats.
Adobe Icons for macOS Big Sur
New Adobe Icons inspired by Apple macOS 11 Big Sur design concept.
macOS Big Sur Replacements Icons
A set of 60+ macOS Big Sur style application icons in PNG and ICNS formats.
macOS Big Sur Microsoft Icons
macOS Big Sur Icon Pack
A set of macOS 11 Big Sur style Microsoft applications icons: Excel, OneDriver, OneNote, Outlook, PowerPoint, Teams, VS Code, and Word.
macOS Big Sur Icon Template
An icon template to help designers quickly create macOS Big Sur app icons in Figma app.
4 macOS Big Sur Icons
4 new macOS Big Sur icons: messages, calc, maps, and settings.
Content Blocker New Icon
Content Blocker app icon in Figma format.
More Resources:
If you’re a UI/UX/Graphic designer, here are a few more resources you might find useful:
- Free iOS GUI Kits For App Designers
- Best Neumorphic Design Freebies
- Macbook Pro & Air and Mac Pro & iMac Mockups For Free Download
- Best Free iPhone 11 & 11 Pro Mockups
- 100+ Android & Google Material Design Freebies
- 80+ Mobile UI Freebies For App Designers
