Explore handpicked tools, kits, books, and courses to design and build better interfaces.
Minimalist design system / UI kit for Figma; helps speed product design with +2,000 handcrafted components & variants, flexible style customization. Includes a consistent 4 px grid system, lots of layout samples, over 600 open-source icons
Usability testing platform (formerly UsabilityHub): helps teams recruit participants, run tests (live websites, prototypes, surveys), and gather insights.
Free interactive web development tools for colors, effects, layouts, typography, and ready-to-copy code.
All-in-one visual website builder + CMS: build responsive sites, manage content, launch & host, with templates & integrations. Designed to give non-coders and teams design control, content structure, and site functionality (forms, filters, localization, etc.)
Library of copy and paste components to illuminate your applications with elegance and sophistication. Build fast. Ship with style.
An open-source toolkit of unstyled React primitives and copyable examples for accessible web interfaces.
Converts raster logos, icons, and illustrations into editable SVG vector artwork.
A shadcn registry of animated React components and website sections that you can install and customize as source code.
A searchable collection of ready-to-use prompts for generating interface layouts with AI coding tools.
A browser-based mockup creator, screenshot editor for adding backgrounds, frames, text, arrows, and blur before exporting images or video.
A visual tool for creating custom backgrounds for websites, videos, and product visuals.
A visual planning board that brings notes, screenshots, and ideas onto one canvas with a built-in helper.
A free, open-source Mac image editor built for compositing and post-processing.
A desktop app combining a design canvas, coding agent, and browser so teams can design and ship web projects in one place.
A shadcn-style registry of customizable UI components and blocks for React, Vue, Angular, and Svelte projects.
A resource library for exploring design systems, foundations, components, and practical guidance.
A searchable gallery of CSS border effects, including rotating gradients, glowing outlines, and animated draws for cards, buttons, and inputs.
A collection of pure CSS animated backgrounds, from auroras and moving gradients to waves, particles, and grids.
A collection of ready-to-use UI components for building Nuxt applications.
Open-source animated components for Vue and Nuxt, with backgrounds, interactions, text effects, cards, and visualizations.
A library of animated React components, UI blocks, and templates for modern web apps.
Get weekly updates with newly added resources and featured picks.