Development

21st.dev is a registry that collects community-shared UI components, templates and themes built on React, Tailwind CSS and shadcn. You can preview more than 12,000 components live and add them to your project with a single shadcn CLI command; the code lands directly in your repository and you edit it however you like. It can also be used with AI tools such as Cursor, Claude Code, v0 and Lovable. Browsing is free and you get 2 free component copies per day; unlimited copies and premium templates are unlocked with a membership.

Modern, animated UI component library. Offers eye-catching React and Tailwind CSS components powered by Framer Motion.

Affordable cloud storage and backup service. Add object storage to your apps with S3-compatible B2 Cloud Storage.

Animated, modern UI component library. Offers attention-grabbing interface elements built on React and Tailwind CSS.

Better Auth is a comprehensive open-source TypeScript authentication framework. It supports credentials, social sign-in, multi-tenancy, SSO/SAML and 50+ plugin-based methods.

Open-source library with 60+ free shadcn/ui blocks. Copy and paste them into React, Tailwind, and Next.js projects.

Build full apps with AI in your browser.

Clerk is an authentication and user management platform with drop-in UI components, multi-tenancy and subscription billing. It is free for the first 50,000 monthly active users.

Context.dev is a web scraping and data extraction API that gives AI agents and developers structured web content without building custom infrastructure.

Convex is a reactive TypeScript backend platform with a database, functions, workflows, realtime sync, search and file storage. It is designed for AI agents and apps.

Open-source, self-hosted hosting platform. A Heroku and Netlify alternative for deploying your apps in one click.

Open-source gallery with hundreds of CSS button designs. Copy and use animated, hover-effect, and modern button styles.

AI-powered code editor that speeds up writing, editing, and debugging code with AI.

Platform that automatically scans and manages security vulnerabilities in external assets. Vulnerability scanning, risk assessment, and reporting in a single dashboard.

Ready-made directory site template built with Next.js. Payments, SEO, and AI content generation are built in; buy once, launch unlimited projects.

Easing function generator for CSS and JavaScript animations. Edit Bézier curves visually to perfect your transitions.

Animated chart component library built on Tailwind CSS and React. Easily customizable charts based on shadcn/recharts.

Visual tool for generating advanced CSS border-radius values. Design organic, interesting shapes with 8 control points.

The world's largest code hosting and version control platform, essential for open-source projects and team collaboration.

AI code completion.

Build decision logic workflows.

Advanced CSS gradient generator by Josh W. Comeau. Control color transitions in the HSL color space for more natural gradients.

Website performance analysis tool. Provides page speed, Core Web Vitals, and optimization recommendations.

HeroUI is a React and native UI component library positioned as an alternative to Material-UI and Chakra UI.

Email infrastructure for developers. Send transactional email, process inbound mail, and build AI email agents with the TypeScript SDK.

Open-source framework for building iOS, Android, and web apps from a single codebase. Supports Angular, React, and Vue.

Modern UI component library built with Tailwind CSS and React. Copy and paste to integrate into your project instantly.

Ready-made layout components for React projects. Build interfaces fast with grid, sidebar, dashboard, and page layout templates.

Premium website themes built with Astro and Tailwind CSS. Professional templates for SaaS, blogs, portfolios, and e-commerce.

Service that gives API access to company logos. Look up a logo by domain name and add brand logos to your apps.

UI library with 50+ animated components for React. Built on Framer Motion, ideal for landing pages and marketing sites.

Email verification API. Keep your lists clean by detecting invalid, spam, and disposable email addresses.

Modern headless CMS platform. A flexible content backend for your web projects with content management, API access, and multilingual support.

Chrome extension that inspects the CSS, colors, fonts, and SVGs of websites. Extract and export the design details of any page.

Powerful animation library for the web (formerly Framer Motion). Create smooth, performant animations in React and vanilla JS projects.

Collaboration platform for developer teams. Manage code review, bug tracking, and technical discussions in one place.

Neon is a serverless Postgres backend from Databricks. It offers instant branching, scale to zero, managed Better Auth, Data API, functions, storage and an AI gateway.

Website deployment and hosting.

OpenRouter is a unified API that gives access to hundreds of large language models from many providers through a single endpoint and API key. It offers pay-as-you-go pricing and free model options.

Build and deploy apps from a prompt.

Collection of beautiful, functional UI components built on Tailwind CSS. Ready-made designs for inputs, buttons, cards, and more.

Ready-made UI component library for modern web projects. Easily customizable components built with Tailwind CSS and React.

Open-source headless CMS built on TypeScript. Offers full Next.js integration, a powerful admin panel, and flexible content modeling.

Tool that turns your code snippets into beautiful screenshots. Create professional posts with customizable backgrounds, shadows, and themes.

Serverless MySQL database.

PostHog is a platform for product analytics, error tracking, session replay and feature flags. It exposes product data to teams and AI agents.

Modern cloud platform that makes it easy to deploy apps, databases, and services.

The world's largest API marketplace. Discover, test, and integrate thousands of APIs into your projects, and manage them from a single dashboard.

Cloud-based development environment that lets you write, run, and share code in the browser.

Resend is an email API that lets developers send transactional and marketing emails at scale.

No-code platform for internal tools. Build internal apps by visually connecting databases, APIs, and workflows.

Collection of ready-made UI components that work with a copy-and-paste approach. Enables fast development for Tailwind CSS and React projects.

Platform that creates RSS feeds from any website. Automatically turn social media, news, and blog content into an RSS feed.

Service that captures website screenshots via API. Automatically generate screenshots with customizable viewport, format, and wait times.

Ready-made block templates for shadcn/ui. Pre-designed component blocks for hero, pricing, feature, and other page sections.

Reusable UI component library built on Radix UI and Tailwind CSS. Works by copy and paste and is fully customizable.

Platform offering ready-made component kits and templates for shadcn/ui. Includes pre-designed UI blocks you can quickly integrate into your projects.

Next.js SaaS boilerplate. Authentication, payments, SEO, and database integration are ready, so you can launch your SaaS project in days.

Build a web app from a text prompt.

Collection of visually striking UI components. Premium-quality interface elements built with Tailwind CSS and React.

Open-source Firebase alternative, offering a PostgreSQL database, authentication, and real-time features.

Bundle of 30+ web development tools in a single extension for Chrome and Firefox. CSS inspector, color picker, responsive testing, and more.

SVG design tool and code generator. Create SVG shapes, icons, and illustrations in a visual editor and export the code.

Online tool that optimizes and converts SVG files. Shrink and tidy your SVGs and get them web-ready.

Ready-made website templates and landing page designs built with Tailwind CSS. An ideal starting point for rapid prototyping.

Tailwind CSS is a CSS framework built around ready-made utility classes for building interfaces. It supports responsive design, dark mode, container queries and 3D transforms, with an optional paid Tailwind Plus.

Tool that compresses PNG and JPEG images without quality loss. Automatic optimization through its API improves web performance.

Developer tool that creates detailed bug reports. Automatically captures a screenshot, browser environment, and step-by-step reproduction info.

CSS code generator for the glassmorphism effect. Adjust blur, transparency, and border settings visually and copy the CSS code.

Open-source platform of community-created UI elements. Thousands of ready-made components for buttons, cards, forms, and animations.

Vercel's AI UI generator.

Vercel's AI-powered UI generation tool that creates React components from text descriptions.

Fast deployment and hosting platform for frontend projects, built by the creators of Next.js.

Microsoft's free, open-source code editor, with a vast extension ecosystem and powerful debugging features.

AI-powered IDE.

Create and edit websites with natural language.

Blog CMS designed for developers. With its API-first approach, the easiest way to add a blog to your existing website.