Top 87 UI Resources For Developers

A large collection of animated React components made to spice up your web creations. Animations, components, backgrounds, and awesome stuff with customization options as props.

React-Bootstrap replaces the Bootstrap JavaScript. Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery.

A suite of React components, sensible UI design, and a friendly development experience.

Tired of relying on Bootstrap? Learn how to design awesome UIs by yourself using specific tactics explained from a developer.

The biggest collection of design references from great web applications. Refero make design research easier and faster than ever before. Explore over then 8,000 pages and 40,000 searchable screens of the best of product design from real life.

For developers looking to create user-friendly designs in Figma: Free & open source Figma templates and UI kits to help kickstart your next project.

Browse hundreds of SaaS marketing pages, product interfaces and email flows. Get inspired by the design and copywriting patterns used by top-class SaaS companies.

Semantic empowers designers and developers by creating a shared vocabulary for UI.

A collection of Shadcn UI templates, components, boilerplates, and more.

Hundreds of extra blocks and components for shadcn/ui, Tailwind & React.

Shift Nudge is the systematic process to learn the visual skills of interface design, even if you don.

A CSS gallery and showcase of the best web design inspiration, featuring over 2,500 websites searchable by type, subject, and style.

A curated gallery of beautiful, modern websites meant to inspire web developers and designers.

The largest ready-to-use, free Elementor component library.

Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.

An open-source UI component library inspired by Tailwind and AntDesign.

Documentation for the Tailwind CSS framework.

Tailwind CSS examples from components by the community. Tailwind chart, grids, inputs, forms, templates and much more.

The Component Gallery is a collection of components from the best design systems.

Weekly FREE UI resources straight to your inbox.

Learn just enough visual design to be dangerous as a developer.

Find the best UI kits and component libraries to design and build websites in no time.

UIkit, a lightweight and modular front-end framework for developing fast and powerful web interfaces.

Community-made library of free and customizable UI elements made with CSS or Tailwind. It.

Fix AI UI slop before it ships with a free-to-browse Web and iOS reference catalog plus full-access research tools for coding agents.

Visit the #1 Inspiration Gallery. Everyday, we help Webdesigners, Agencies and Entrepreneurs to be inspired for their next web design project.

A showcase of beautiful and well designed web app screens for design inspiration. Including screens from behind signup/paywalls! 😱.

A curated SaaS web design inspiration gallery featuring the best landing pages, UI patterns, and product pages for designers, developers, and founders.

Website design examples to get inspiration for business, real estate, product, agency, education, ecommerce, personal and more.