859 best design tools and websites

Premium and free Figma & Framer UI kits and templates, website kits, app UIs, decks and design systems.

Turns static visuals into motion for social posts, portfolios and presentations, right in the browser.

Turn screenshots into looping showcase videos. 70 motion templates, runs in your browser, free 720p export.

Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends. And it is served in the form of eggs. ✓ With hex and CSS codes.

Audio components for React and shadcn/ui: meters, faders, knobs, visualizers and a mixer.

144 animated React components and 84 blocks for shadcn and Next.js.

Animated component set for showing an AI thinking state in a product.

Collect and organize YouTube thumbnails into boards, built for thumbnail designers.

Minimal online tool for sketching quick wireframes.

Browser extension that finds every SVG on a page so you can optimize, edit and export it.

Design checklists for websites, apps, components and flows.

Previews your text in every font installed on your computer to help pick one.

Explore accessible color pairs and check their contrast against WCAG.

Browser studio for original backgrounds and animated loops, exported ready to use.

Animation editor that turns Figma designs into interactive Lottie animations.

Free AI-generated avatars for design mockups and prototypes.

Curated selection of well-designed, effective portfolio websites.

Curated archive of the best motion design reels from studios and creators, updated weekly.

Reviews and commentary on typefaces and type books.

Matthew Butterick's free online guide to typography.

Library of animated micro-interaction icons built with Lottie.

Open source icon library available as CSS, SVG and Figma components.

Mac app that simulates color blindness over any window in real time.

Opinionated shadcn registry of copy-paste UI components for React and Svelte 5.

Generates shades and tints from any color.

Curated design portfolios and case studies from product designers and studios.

180 color palettes drawn from art and design across 4,000 years of history.

Online app for wireframes, mockups, diagrams and prototypes in one shared workspace.

Visual brand hub for organizing, sharing and scaling brand assets across a team.

Cloud CAD and product development platform for 3D mechanical design.

Pixel art editor built for tilesets, game levels and animations.

An easier-to-browse graphic design repository for the Internet Archive.

User flow diagramming tool that turns designs into interactive flows and presentations.

Workday's open source design system of reusable UI components, resources and guidelines.

Prototyping software for complex UX prototypes, specifications and diagrams.

Get HTML color codes, Hex color codes, RGB, HSL and OKLCH values with our color pickers, color wheel, color chart and HTML color names. Let's go!

Vector drawing app that turns drawings into Swift or Objective-C code in real time.

Copy-paste React components for AI chat agents, thinking states and human-in-the-loop flows.

Browser-based vector graphics editor with AI logo and image tools.

Remote UX research platform for testing websites, designs and prototypes.

Curated gallery of design studios, designers and type foundries.

Opinions and reviews of corporate and brand identity work.

Gallery of ecommerce website design, filterable by the tech behind each store.

Landing page inspiration with full-page video recordings of animated websites.

Free fonts, free alternatives to premium fonts and type research articles.

760 handcrafted icons in four styles for products, brands and teams.

Free color blindness simulator for Windows, Mac and Linux.

Curated collection of color gradients, updated daily.

Color tools for building palettes, gradients, shades and harmonies.

Generates accessible color palettes from target contrast ratios.