UI Colors
Tailwind color generator. A color-system generator and preview tool that lets you build palettes, test combinations and export for design systems or code.
The Final Resources
for Designers & UI Developers
Explore handpicked tools, kits, books, and courses to design and build better interfaces.
⭐ Recommended
Uicons
Beautiful icons for the era of high-resolution UI (sharp, rounded, solid, ...). Uicons is a growing icon set for Figma and the web featuring customizable icons beautifully crafted using the golden ratio.
IsoCons - isometric icons
Isometric icons for projects, presentations and products - designed with visuals in mind for high-quality design work.
Saaspo
Design inspiration library specializing in SaaS landing pages, product pages, pricing pages etc.; includes many pages, sections, and filters for finding examples by type.
BrixUI
A multi-theme UI library & design system for Figma that emphasizes scalability, responsive components, light/dark themes, and lot of layout flexibility (e.g. using Figma Auto with min/max-wrap etc.).
Ariakit - Accessible React
An open-source toolkit of unstyled React primitives and copyable examples for accessible web interfaces.
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.
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.
Transitions.dev - UI Motion
A UI motion toolkit with crafted transitions, a component builder, and AI agents for animation work.
Appllama - App Design Gallery
A searchable library of iOS app screens, onboarding flows, paywalls, and UI elements for design research.
Newsletter
Get weekly updates with newly added resources and featured picks.