The 84 best Free UI Resources tools

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

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.

Design checklists for websites, apps, components and flows.

Free AI-generated avatars for design mockups and prototypes.

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

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

Open source React library for generating unique SVG avatars from names.

Customizable SVG backgrounds, patterns and icons to paste straight into projects.

Curated library of UI kits, templates and components for designers and developers.

Generates editable mobile app screens and assets to start a design from.

SocialSizes provides designers with the best sizes to use for Image and Video content on Social Media.

Lets developers add hand-drawn UI elements to a web app without a complicated setup.

Tabbied lets you easily create timeless and beautifully generated patterns to use for wall art, websites, print materials and more.

Shadcn design system with components, blocks, templates and dashboards to copy and customize, with a free MIT-licensed tier.

Library of 120+ ready-made Figma website sections, from heroes and pricing to FAQs and footers, to copy straight into your file.

A registry of animated, interactive button components with live previews and copy-paste code.

Motion toolkit of animated components for React and Next.js.

Library of 66 animated text effects built in pure CSS, copy and paste.

Interactive web components to drop into a build, copy and paste.

React design system for dashboards, with 83 components and blocks, chart cards and Pro templates built on Tailwind CSS.

Responsive UI blocks ready for Framer, Figma and Webflow.

Bencho offers a library of interactive UI blocks that you can explore, tweak, and use directly in your projects, enhancing your design workflow with ease and flexibility.

A set of React loading animations made for generative UI states.

Accessible one-time password input for React, styled to fit.

Animated border component that drops into an existing layout.

Animated number component for React with accessible transitions.

Opinionated toast component for React, sensible defaults out of the box.

Open-source HTML-in-canvas and WebGL components for framework-agnostic web effects.

Visual dictionary that gives every UI pattern its correct name.

Free, open-source collection of unusual animated React components.

Open-source starter kit and UI library for building AI design apps.

117 motion patterns ready to drop into CSS or React.

600+ free hand-picked design resources for Figma, Sketch and more.

Beautifully designed components you can copy and paste into apps.

Thousands of free files, plugins and UI kits from the community.

A constant stream of free premium UI kits, mockups and icons.

Modern, responsive, pre-built blocks for marketing websites.

Animated UI components for React and Tailwind to ship faster.

The largest library of open-source UI elements, all free.

The npm for design engineers, copy-paste minimal React components.

The best landing page design inspiration, components and templates.

Build websites faster with an AI-powered component library.

Beautiful, ready-made UI components by the Tailwind CSS team.

Open-source UI components built with Tailwind CSS.

The most popular component library for Tailwind CSS.

Unstyled, accessible React primitives for design systems.