Create UI - Design System
A Figma design system and matching React component library that keep design and code in sync.
The Final Resources
for Designers & UI Developers
Explore handpicked tools, kits, books, and courses to design and build better interfaces.
⭐ Recommended
Ripples - Gradient Maker
A free browser tool for creating gradients and previewing them in a full-screen canvas.
Kite - Demo Video Recorder
A screen recorder and editor for polished product demos with 3D mockups, animations, music, and AI voiceovers.
coolshapes - Abstract Shapes
An open-source collection of grainy gradient shapes available for design and development projects.
Aura Gradients - Backgrounds
A collection of soft ambient gradient backgrounds made with layered CSS blend modes.
ui.camera - Product Visuals
A browser-based studio for turning interface designs into polished product photos and videos.
What’s New
Create UI - Design System
A Figma design system and matching React component library that keep design and code in sync.
React Bits - Animated UI
A library of animated React components, backgrounds, and interactions you can copy or install as editable source.
21st.dev - React UI Library
A large library of crafted React components, templates, marketing blocks, and shadcn themes.
Ripples - Gradient Maker
A free browser tool for creating gradients and previewing them in a full-screen canvas.
Be UI - Animated Components
Free, customizable animated React and Next.js components built with Motion and Tailwind CSS.
Pikkovia - 3D Icon Packs
A marketplace of ready-made 3D icons, characters, and illustration packs for design projects.
Logofolio - Logo Inspiration
A curated gallery of logo designs and brand identities browsable by style, industry, and color.
Kite - Demo Video Recorder
A screen recorder and editor for polished product demos with 3D mockups, animations, music, and AI voiceovers.
Prime UI - AI Site Builder
Turn sitemaps and wireframes into complete websites with AI assistance and exportable Next.js and Tailwind CSS code.
coolshapes - Abstract Shapes
An open-source collection of grainy gradient shapes available for design and development projects.
Pen.dev - Agentic Canvas
A design canvas where AI agents and manual editing work together, with Figma import and HTML/CSS export.
Aura Gradients - Backgrounds
A collection of soft ambient gradient backgrounds made with layered CSS blend modes.
IP as Logo - Mascot Gallery
A gallery of simplified mascot-style logos made with the IP as Logo agent skill.
Make Design - AI Generator
An AI design generator that turns a written idea into a web design in seconds.
ui.camera - Product Visuals
A browser-based studio for turning interface designs into polished product photos and videos.
Newsletter
Get weekly updates with newly added resources and featured picks.