✦ Free resources
Free UI Kits, Design Systems and Mockups
Free UI kits and public design systems you can learn from or build on, plus mockup templates and tools that put your screens on a device or a clean background.
- 100 free resources
- 24 open source
- 27 with a free plan
- 2 paid picks
- Every link checked
100 free resources, plus 2 paid tools
UI kits
Ready-made components and design systems.
- AI CanvasOpen sourceAnimated React building blocks and design system kits, all open sourceaicanvas.me
- Apple Design ResourcesFreeOfficial iOS, macOS, and watchOS UI kits and templatesdeveloper.apple.com
- AstryxOpen sourceOpen source, customizable design system from Metaastryx.atmeta.com
- Atlassian Design SystemFreeAtlassian's components, tokens, and content guidelinesatlassian.design
- Base WebOpen sourceUber's React components and design systembaseweb.design
- BlocksOpen sourceOpen source shadcn UI blocks you can copy into React projectsblocks.so
- BootstrapMadeFree tierBootstrap templates, free with creditbootstrapmade.com
- BootswatchOpen sourceFree themes for Bootstrapbootswatch.com
- Carbon Design SystemOpen sourceIBM's open design system with code, kits, and guidelinescarbondesignsystem.com
- CruipFree tierTailwind landing page templates, free and procruip.com
- Cult UIOpen sourceOpen source shadcn style components, blocks and starter templatescult-ui.com
- Design Systems RepoFreeDirectory of public design systems, tools and articlesdesignsystemsrepo.com
- DesignerMillFreeFree UI kits, mockups and graphics for designersdesignermill.com
- Elastic UIOpen sourceOpen source React component library from Elasticeui.elastic.co
- EvergreenOpen sourceReact UI framework and design system from Segmentevergreen.segment.com
- Figma CommunityFreeFree files, UI kits, plugins, and widgets shared by Figma usersfigma.com
- Fluent 2FreeMicrosoft's design system with Figma toolkits and guidancefluent2.microsoft.design
- Fluent UIOpen sourceMicrosoft's UX frameworks for building cross platform appsdeveloper.microsoft.com
- Fluent UI/ComponentsOpen sourceMicrosoft's open source React component librarystorybooks.fluentui.dev
- Freebie SupplyFreeFree UI kits, mockups, icons and fontsfreebiesupply.com
- FreebiesbugFreeFree Figma, Sketch, and Photoshop resources for designersfreebiesbug.com
- GOV.UK Design SystemOpen sourceTested, accessible patterns and components from the UK governmentdesign-system.service.gov.uk
- HTML5 UPFreeResponsive HTML site templates, free under Creative Commonshtml5up.net
- iOS 16 UI Kit for FigmaFreeFigma kit of iOS 16 components, templates and demosfigma.com
- Lightswind UIFree tierAnimated React components with a free MIT licensed setlightswind.com
- Material Design 3FreeGoogle's design system with guidelines, components, and Figma kitsm3.material.io
- Meraki UIOpen sourceFree Tailwind CSS components with RTL supportmerakiui.com
- Neobrutalism ComponentsOpen sourceBrutalist-style components built on shadcn/ui and Tailwindneobrutalism.dev
- Neumorphism UIOpen sourceSoft neumorphic UI kit with free components for web projectsdemo.themesberg.com
- Nuxt UIOpen sourceOpen source Vue component library built on Tailwindui.nuxt.com
- OriginkitFreeFree animated components that help you build modern React sitesoriginkit.dev
- PrebuiltUIFreeTailwind CSS components and templates you can customizeprebuiltui.com
- PrimerOpen sourceGitHub's design system for product UIprimer.style
- qodesign-freeOpen sourceMIT licensed animated React components plus two dashboard templatesteodoravadani.github.io
- ScalesFreeStarter set of design tokens to kick off a design systemjeromantik.de
- Sesama UIOpen sourceOpen source design system for building AI workspaces and data dashboardssesamaui.zihni.design
- SetproductFree tierFigma design systems and UI kits, free and paidsetproduct.com
- Simple Design SystemFreeStarter UI kit from Figma with prebuilt componentsfigma.com
- Sketch App SourcesFreeFree and paid UI kits, templates and icons for Sketch and Figmasketchappsources.com
- Sketch RepoFreeFree Sketch UI kits, mockups and iconssketchrepo.com
- SpectrumOpen sourceAdobe's design system, with guidelines and open source componentsspectrum.adobe.com
- Start BootstrapOpen sourceFree Bootstrap themes and templatesstartbootstrap.com
- TailgridsFree tierReact and Tailwind component library with a free tiertailgrids.com
- Tailwind CSS Figma kits (Flowbite)Free tierFigma design system matching Flowbite's Tailwind componentsflowbite.com
- TemplatedFreeFree responsive HTML and CSS templatestemplated.co
- TooplateFreeFree HTML and CSS website templatestooplate.com
- U.S. Web Design SystemOpen sourceAccessible components and guidance for US government sitesdesignsystem.digital.gov
- UI BundleFreeFree UI kits, templates and assets from independent makersuibundle.com
- UI8 FreebiesFreeFree UI kits and design files from a premium marketplaceui8.net
- UiballFreeFree loaders and small UI pieces for web projectsuiball.com
- UIStore.designFreeFree UI kits and templates for Figma, Sketch, and XDuistore.design
- Untitled UIFree tierLarge Figma UI kit and design system with a free versionuntitledui.com
- Wireframe.ccFree tierMinimal in browser tool for quick wireframeswireframe.cc
- Zendesk GardenOpen sourceZendesk's open source React components and design systemgarden.zendesk.com
Mockups
Device frames and scenes to show off your work.
- 3D TranformerFreeRotate images in 3D to build quick mockups online or in Figma3dtransformer.com
- AngleFree tierVector and 3D device mockups for Figma and Sketch, with a free sampleangle.sh
- AnimockupFreeMake animated device mockups from videos and GIFs in the browseranimockup.com
- ApplaunchpadFree tierGenerate styled App Store screenshots for your listingtheapplaunchpad.com
- CarbonOpen sourceCreate and share images of source codecarbon.now.sh
- CleanmockFree tierDevice mockups from screenshots in the browsercleanmock.com
- Device ShotsFreeBrowser generator that places screenshots inside device framesdeviceshots.com
- DimmyFreeDrop a screenshot into a device frame and export itdimmy.club
- Dynamic MockupsFree tierCreate print on demand mockups in bulk through an editor or APIdynamicmockups.com
- FlyerwrkFreeFree mockup downloads for designers and small studiosflyerwrk.com
- Free Mock UpFreeLarge collection of free PSD mockups for logos, packaging and webfree-mockup.com
- GraphberryFreeFree PSD mockups and graphic design freebies for designersgraphberry.com
- GraphicBurgerFreeFree mockups and design resourcesgraphicburger.com
- KertasFreeFold any image into a 3D paper mockup you can pose right in the browseredoputra.com
- LiveSurfaceFree tierPhoto realistic mockup software for logos, packaging and printlivesurface.com
- Lovely MockupsFreeFree PSD mockups for devices, print and brandinglovelymockups.com
- ls.graphicsFree tierMockups and UI kits with a free sectionls.graphics
- mckp.liveFree tier3D phone and laptop mockups that stay interactive when embedded, or export to videomckp.live
- Minimal MockupsFreeFree device and scene mockups for presenting your workminimalmockups.com
- Mock MagicFree tierPlace app screenshots or screen recordings into polished device scenesmockmagic.com
- MockeyFree tierOnline product and device mockup generatormockey.ai
- MockoopsFreeTurn a plain screen recording into a realistic device mockupmockoops.mohitya.dev
- MockoverFreeWarp and add perspective to images for product mockupsmockover.com
- MockRocketFree tier3D device mockups and animationsmockrocket.io
- Mockup HuntFreeHand picked free PSD mockups from across the webmockuphunt.co
- Mockup WorldFreeDirectory of free photorealistic mockupsmockupworld.co
- Mockups DesignFreeFree PSD and Figma mockups for devices and printmockups-design.com
- Mockuuups StudioFree tierDrag and drop device and scene mockupsmockuuups.studio
- ModorFree tierAI mockup maker with thousands of ready design templates to start frommodor.io
- Morflax thingsFree tierBuild 3D device mockups for screenshots in your browserthings.morflax.com
- Mr. MockupFreeFree Photoshop mockups for branding and print workmrmockup.com
- Mr.MockupFreeFree PSD mockups and design freebies for branding projectsmrmockup.com
- OverframeFreeRecord prototypes and apps on Mac inside a device frameoverframe.xyz
- PikaFree tierTurn screenshots into polished mockups and social imagespika.style
- PixedenFree tierFree and paid design assets for web and graphic workpixeden.com
- Pixelied MockupsFree tierEditable online mockup generator for quick product visualspixelied.com
- PreviewedFree tier3D and flat device mockups with animationpreviewed.app
- Ray.soFreeMake clean images of code snippetsray.so
- Screenshot.rocksFreeWrap screenshots in browser and phone framesscreenshot.rocks
- ShotsFree tierTurn screenshots into device mockups in the browsershots.so
- ShotsnappFreeDevice mockup generator for app screenshotsshotsnapp.com
- sliickFreeMake 3D device mockups for app screenshots and screen recordingssliick.co
- SnappifyFree tierTurn code into screenshots and animated slides for sharingsnappify.com
- textlabFreeFake chat screenshots styled as iMessage or WhatsApptextlab.javii.tools
- UI GeneratorFreeFake dashboards and device screens you can download as PNGuigenerator.org
- UnblastFreeFree mockups, templates, and fonts for designersunblast.com
Paid picks
Well known paid tools for ui kits and mockups. They are not part of the free count, and a listing is not an endorsement.
Questions about ui kits and mockups
Where can I get a free UI kit for Figma?
Figma Community has thousands. Untitled UI has a large free version, and Apple Design Resources and Material Design 3 are free from Apple and Google.
What are the best public design systems to study?
Carbon from IBM, Primer from GitHub, Fluent 2 from Microsoft, Atlassian Design System and the GOV.UK Design System are all public and well documented.
Where can I find free mockups?
Mockups Design, Unblast and Mockup World have free PSD and Figma mockups. Shots, Previewed and Mockuuups Studio make device mockups in the browser.
This directory, including its selection, categories and descriptions, is © 2026 Jeffrey Hakim. You’re welcome to link to it. Please don’t copy or republish the list.
✦ Want more than free tools?
Let’s build your site in Framer
I design and build fast Framer sites with clean SEO and share previews that stand out. Tell me what you’re working on.
Contact Jeffrey
