Also available in: 中文 | Español | Français | Deutsch | 日本語
- Shadcn - A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks.
- Radix UI - An open source component library optimized for fast development, easy maintenance, and accessibility.
- Magic UI - 150+ free and open-source animated components and effects built with React, Typescript, Tailwind CSS, and Motion.
- Aceternity UI - Copy paste the most trending components and use them in your websites without having to worry about styling and animations.
- Cult UI - Ready-to-use components for your react apps. Shadcn compatible. Styled with tailwindcss. Copy and paste, open source, typed.
- Animata - Hand-crafted interaction animations and effects from around the internet to copy and paste into your project.
- Headless UI - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
- Uiverse - Community-built library of UI elements. Copy as HTML/CSS, Tailwind, React and Figma.
- Neobrutalism - A collection of neobrutalism-styled components based on shadcn/ui.
- Origin UI - Beautiful UI components built with Tailwind CSS and React.
- blocks.so - A set of clean, modern building blocks to copy and paste into your apps. Works with all React frameworks.
- daisyUI - daisyUI is the Tailwind CSS plugin you will love! It provides useful component class names to help you write less code and build faster.
- Preline - An open-source Tailwind CSS components library for any needs. Comes with UI examples & blocks, templates, plugins, Figma design system and more.
- Mantine - A full-featured React components library with TypeScript support, theming system, and powerful hooks.
- Ant Design - An enterprise-class UI design language and React UI library with dozens of high-quality components.
- Chakra UI - A simple, modular and accessible component library for React applications.
- HeroUI - Beautiful, fast and modern React UI library with TypeScript support and built-in dark mode.
- Untitled UI - The world's largest open-source React component library, built with Tailwind CSS and React Aria for pixel-perfect, accessible interfaces.
- React Bits - Animated React components, backgrounds and text effects you can drop into a project, available in JS/TS and Tailwind/CSS variants.
- Base UI - Unstyled, accessible UI components for building design systems, from the creators of Radix, Floating UI and Material UI.
- Park UI - Beautifully designed components built with Ark UI and Panda CSS that work with React, Solid and Vue.
- Lucide - Beautiful & consistent icons made by the community.
- Phosphor Icons - A flexible icon family for interfaces, diagrams, presentations — whatever, really.
- Tabler Icons - Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
- Heroicons - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
- Remix Icon - Open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free for both personal and commercial use.
- Simple Icons - 3k+ SVG icons for popular brands.
- React Icons - Include popular icons in your React projects easily with react-icons.
- Icônes - Icon Explorer with Instant searching.
- The Thiings Collection - A growing collection of 5000+ free 3D icons, generated with AI. Perfect for designers and creative projects.
- Isocons - Isometric icons for your products, projects, posters and presentations.
- lucide-animated - beautifully crafted animated icons.
- macOS Icon Gallery - A collection of macOS icons.
- Hugeicons - 59,000+ icons across multiple styles, with a free core set and a pro library for larger projects.
- SVGL - A library of brand SVG logos and wordmarks, ready to copy, download or pull into your framework.
- Nucleoapp - 💵 44k+ premium-quality SVG icons, regularly updated for UIs, presentations, and print projects.
- Iconoir - 1,600+ free, open-source, high-quality SVG icons available for SVG, Font, React, React Native, Flutter, Figma, and Framer.
- Artvee - Browse and download high-resolution, public domain paintings, posters and illustrations.
- Notioly - Notioly is a collection of over 200 Notion-style illustrations, fully customizable in SVG and updated monthly with new designs.
- vectorCraftr - All illustrations are free for commercial use.
- unDraw - Open-source illustrations for any idea you can imagine and create.
- Unsplash Illustrations - The internet’s source for visuals. Powered by creators everywhere.
- Absurd Design - Surreal hand-drawn illustration series with a distinctive style, free for personal and commercial use.
- Humaaans - Mix-and-match illustrations of people you can recombine and recolor, released under CC0.
- DrawKit - 💵 Hand-drawn 2D & 3D illustrations, icons and animations. Perfect for your next project. All in one place.
- Storyset - Awesome free customizable illustrations for your next project.
- Shapefest - 💵 100K+ transparent PNG images of beautiful 3D objects .
- Blush - Free customizable illustrations with Figma Plugin. Create, edit, and use illustrations in your designs.
- Open Peeps - A hand-drawn illustration library to create scenes of people. You can use them in product illustration, marketing, comics, and more.
- Tailwind Plus - 💵Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS.
- Aceternity Template - 💵 Modern and minimalist templates for building your next product. Built with React, NextJS, TailwindCSS, Framer Motion and Typescript.
- Shuffle - 💵 Easily create landing pages, dashboards, and e-commerce templates.
- Preline - 💵 An open-source Tailwind CSS components library for any needs. Comes with UI examples & blocks, templates, plugins, Figma design system and more.
- Unsplash - The internet's source for visuals. Powered by creators everywhere.
- Pexels - The best free stock photos, royalty free images & videos shared by creators.
- Pixabay - Stunning royalty-free images & royalty-free stock.
- Burst by Shopify - Free stock photos for websites and commercial use. Download high-resolution images for your next project.
- StockVault - Free stock photos, graphics, and videos. High-quality images for your creative projects.
- Life of pix - Free high resolution photography.
- BARNIMAGES - Free high-resolution images for everyone.
- Little Visuals - Free, high resolution images. Use them anyway you want - free for commercial use.
- UI Faces - Free AI-generated avatars for your creative projects.
- Nappy - Beautiful high-resolution photos of Black and Brown people, free for personal and commercial use.
- Deposit Photos - 💵 Royalty-free Stock Photos, Vector Images, Videos and Music.
- Freepik - 💵 Millions of free vectors, PSD files, photos and AI-generated images. Premium resources for your creative projects.
- Google Fonts - A library of 1,000+ free licensed font families and APIs for convenient use via CSS and Android.
- Inter - A variable font family for text interfaces.
- Fontshare - A free font service from the Indian Type Foundry, with quality typefaces licensed for personal and commercial use.
- Uncut - A curated library of contemporary open-source typefaces, free to download and use.
- Labor and Wait - 💵 Shop quality, curated goods and products.
- I Love Typography - 💵 Shop quality, curated fonts from indie font foundries.
- T26 - 💵 Purchase well-designed fonts.
- Klim - 💵 Shop quality, curated fonts from indie font foundries.
- Pangram Pangram - 💵 An independent type foundry with high-quality typefaces, free to try before you license them.
- Coolors.co - The super fast color palettes generator! Generate, save, and share perfect palettes in seconds.
- Adobe Color - Create color themes and palettes or browse thousands of color combinations from the Color community.
- Tailwind Colors - A comprehensive color system with carefully crafted palettes from the Tailwind CSS team.
- HyperColor - A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors.
- Color Hunt - Color palettes for designers and artists.
- Color Lisa - Color palette masterpieces from the world's greatest artists.
- Brand Colors - The biggest collection of official brand color codes around.
- The day's color - The daily color digest.
- Color Drop - Color palette tool built for creatives to help get inspiration for designs or projects they're working on.
- Realtime Colors - Preview your color palette and font choices live on a real website interface, with instant contrast checking and CSS/Tailwind export.
- Happy Hues - Curated color palettes shown in context on a real page, so you can see where each color belongs.
- Huemint - Machine-learning color palette generator for brands, websites and graphics.
- OKLCH Color Picker - Color picker and converter for the OKLCH color space, with contrast checking and P3 gamut preview.
- Penpot - Penpot is the web-based open-source design tool that bridges the gap between designers and developers.
- Shots - Create amazing mockups in seconds.
- Rive - A new way to design, build, and ship user interfaces
- Lottielab - The motion design tool for product teams.
- Notion Avatar Maker - Making notion-style avatars.
- Haikei - Generate unique SVG backgrounds, blobs, waves and other design assets right in the browser.
- ray.so - Turn code snippets into beautiful images ready to share, by the makers of Raycast.
- tldraw - A collaborative infinite whiteboard for sketching diagrams, wireframes and ideas.
- Rotato - 💵 3D mockup images and movies in minutes.
- Spline - 💵 A place to design and collaborate in 3D.
- Shuffle - 💵 Easily create landing pages, dashboards, and e-commerce templates.
- Framer - 💵 The website builder loved by designers.
- Figma - 💵 A collaborative interface design tool.
- Sketch - 💵 A toolkit made by designers, for designers, that puts the focus on you and your work.
- Canva - 💵 Create stunning designs easily with Canva's drag-and-drop feature and professional layouts.
- InVision - 💵 Digital product design platform powering the world's best user experiences.
- Screen Studio - 💵 macOS screen recorder with automatic zoom and smooth animations for polished product demos.
- The Book of Shaders - This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.
- Laws of UX - A collection of psychology principles designers can consider when building user interfaces.
- Refactoring UI - 💵 Make your ideas look awesome, without relying on a designer.
- 21st.dev - A community of design engineers to share their work.
- Uiverse - Community-built library of UI elements. Copy as HTML/CSS, Tailwind, React and Figma.
- Sketchfab - Sketchfab is a 3D asset website used to publish, share, discover, buy and sell 3D, VR and AR content.
- Pinterest - A visual search and discovery platform where people find inspiration, curate ideas and shop products—all in a positive place online.
- Awwwards - Awards for design, creativity and innovation on the internet, with a directory of the best websites.
- Mobbin - 💵 A searchable library of real mobile and web app screens for UI and UX inspiration.