Frontend frameworks & UI components: top picks for 2026

A JavaScript library for building interactive user interfaces from composable components, usable on the web, server and native platforms.

Angular is a TypeScript-based platform for building web applications, with a CLI, routing, forms, SSR and Material components.

Agent Skills that make coding agents design distinctive frontends, using art direction, real photos and a browser self-check instead of generic AI landing pages.

A React component library implementing Google's Material Design, with a broad set of ready-made UI components.

A utility-first CSS framework for building custom user interfaces directly in HTML and JSX with small single-purpose classes.

A frontend workshop for building, documenting and testing UI components in isolation, supporting React, Vue, Angular, Svelte and more.

Design guidance for AI coding agents, with a design skill, 24 commands, live browser iteration and 61 deterministic detector rules for AI-generated frontend UI.

Converts screenshots, mockups, Figma designs and screen recordings into HTML, Tailwind, React, Vue or other front-end code using AI models.

A JavaScript module bundler that packs many modules and assets into a few bundles, with code splitting and loaders for non-JS files.

A curated awesome-list of Flutter libraries, plugins, tutorials, articles, and example apps, organized by topic.

A small, hook-based state-management library for React with no providers required.

An open source UI toolkit built on Web Components for creating cross-platform iOS, Android, and PWA apps from one JavaScript/TypeScript codebase.

A library of 215+ free, animated and customizable React and Next.js components and backgrounds, installable via shadcn or jsrepo.

A collection of agent skills that teach AI coding assistants animation, UI design and frontend craft rules drawn from the author's experience at Vercel and Linear.

A curated collection of single-file cheatsheets covering popular programming languages, frameworks, and developer tools.

A long-running list of ReactJS interview questions with answers, covering core React, Router, Redux, testing and React Native.

A free, open-source component library that adds ready-made UI components as class names on top of Tailwind CSS.

A Material Design UI component framework for Vue, providing handcrafted, responsive components for building web applications.

Accessible React component library and design system for building web apps quickly, with dark mode and Next.js RSC support.

A curated list of libraries, tools, news sources and learning resources for building React Native apps.

A rugged, minimal JavaScript framework for adding reactive behavior directly in your HTML markup.

A React UI component library built on React Aria and Tailwind CSS v4, formerly known as NextUI.

A Vue.js framework for building SPAs, SSR/SSG sites, PWAs, browser extensions, mobile and Electron apps from one codebase.

A React and Tailwind CSS component library of animated UI components and effects that you copy into your Next.js or shadcn/ui apps.

A framework for building full-stack web apps with Svelte, covering routing, server rendering and deployment adapters for many hosting platforms.

A Rust desktop GUI kit with 75+ styled components for building cross-platform apps on the GPUI framework.

An open, event-based protocol that standardizes how AI agents connect to user-facing frontend applications.

A Python framework for building browser-based web UIs and small apps without writing HTML, CSS or JavaScript.

An open source React design system with 150+ accessible components, themes, and a CLI, built on React 19 and StyleX.

TypeScript/React library for building production-grade AI chat interfaces, with composable primitives and backend integrations.

An unstyled React component library of accessible UI primitives for building custom design systems.

An agent skill that generates a scroll-scrubbed 3D landing page where the camera flies from outside each scene into its interior, with no cuts.

An unofficial Svelte port of shadcn/ui: accessible, customizable components you copy into your own app.

An open-source, login-free catalog of interactive Three.js/WebGL UI components with live renderers and full React source.

Free, MIT-licensed animated React components built with Tailwind CSS and Motion, designed to install into shadcn/ui projects.

Zero-dependency semantic HTML, CSS and JS UI library of about 10KB, styling native elements without classes.

TypeScript, Ruby and Python SDKs for building interactive UI resources that MCP tools can return and hosts can render.

A cozy, island-style React and TypeScript UI component library with original icons, illustrations and animations.

An agent skill for Claude Code and Codex that turns AI-generated motion into web animations driven by scroll, mouse, drag, touch or device orientation.

A React and Next.js cursor animation library offering reusable cursor-follow effects, built on Tailwind CSS and motion.

An interface design skill for AI agents that explores distinct design directions, compares them side by side, and refines them against real screenshots.

An agent skill that makes AI coding agents build designed, award-style websites from a one-line brief, plus a companion /jury skill that scores sites.

An open-source AI coding agent that runs in the browser, letting you click an element in your running app and have it edit the source code.

An Agent Skill that converts a video into an optimized WebP frame sequence and builds a scroll-controlled canvas website around it.