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
AICSSAnimations - Borders
A searchable gallery of CSS border effects, including rotating gradients, glowing outlines, and animated draws for cards, buttons, and inputs.
AICSSAnimations - Backgrounds
A collection of pure CSS animated backgrounds, from auroras and moving gradients to waves, particles, and grids.
UI Thing - Nuxt Components
A collection of ready-to-use UI components for building Nuxt applications.
Inspira UI - Animated Vue UI
Open-source animated components for Vue and Nuxt, with backgrounds, interactions, text effects, cards, and visualizations.
Lightswind - React UI Kits
A library of animated React components, UI blocks, and templates for modern web apps.
ItsHover - Animated Icons
A collection of animated icons you can copy into an app or add through the shadcn CLI.
Ariakit - Accessible React
An open-source toolkit of unstyled React primitives and copyable examples for accessible web interfaces.
Bits UI - Svelte Primitives
Flexible, accessible, unstyled Svelte components for building a custom UI library.
Healthicons - Health Icons
Free, open-source healthcare icons available in multiple sizes and outline or filled styles.
DesignBookmark - Directory
A directory of design tools, websites, and resources with categories and saved bookmarks.
Recent - Design Inspiration
A curated design inspiration site covering websites, interfaces, branding, motion, app screens, and more.
Noiced - Design Videos
A small, curated collection of videos selected for designers and other creative people.
Themesmotion - AI 3D Art
A pack of web-ready 3D illustrations about AI and machine learning, with Blender source files included.
ScreenKite - Screen Recorder
A Mac screen recorder and video editor with AI-assisted editing; a Windows beta is also available.
GetArtCraft - FigCraft
A free, open-source interface design app with frames, auto layout, components, prototypes, and offline use.
Newsletter
Get weekly updates with newly added resources and featured picks.