Open-source alternatives to 21st

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

Skeleton is a Svelte Tailwind UI toolkit and adaptive component library. It provides a utility-first design system for building reactive web interfaces, focusing on consistent themes and typography across various screen sizes. The toolkit combines pre-styled components with layout tools to support responsive UI design and rapid frontend prototyping. It enables the creation of adaptive user interfaces through a standardized set of utility classes for styling and layout. The system covers high-level capabilities in Svelte web development and Tailwind CSS styling, utilizing a flexible grid syst

This project is a Bootstrap theme library providing a collection of pre-designed frontend templates and layouts. It functions as a set of frontend UI kits and responsive website templates built specifically with the Bootstrap CSS framework. The library focuses on responsive web design and frontend layout prototyping. It includes specialized themes for creating web dashboards, blogs, and portfolios. The technical implementation utilizes responsive grid layouts, component-based templates, and utility-first class architecture to standardize typography and spacing across different screen sizes.

This project is an accessible UI component library and themed design system. It provides a collection of pre-made user interface components designed to meet accessibility standards and maintain a consistent visual identity across web applications. The system includes an interactive theme previewer, which allows for the adjustment and testing of visual settings in real time within a running application. It covers global theme management and design system implementation through root configurations and a token-driven approach. The library supports rapid frontend prototyping by offering a set of

Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent

Mometa is an AST-based visual code editor and low-code metaprogramming tool. It provides a visual interface for modifying source code through abstract syntax tree manipulation, allowing for the insertion and deletion of code blocks via drag-and-drop actions. The project distinguishes itself through a visual source mapping system that links rendered DOM elements back to their original source code positions. It utilizes a real-time synchronization system and hot module replacement workflow to update application components in the browser without requiring a full page reload. The platform covers

gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

Magic UI is a copy-paste UI framework and React animated library providing a collection of interactive, visually dynamic interface components. It serves as a design engineering toolkit that bridges high-fidelity design and production code by offering ready-made components for direct integration into web applications. The library focuses on animated UI development and the implementation of interactive components, utilizing a copy-paste distribution model. This approach allows for rapid prototyping and full local customization without the need to install heavy dependencies. The components are

HyperUI is a dependency-free collection of responsive HTML layouts and pre-styled components designed for various web domains. It functions as a Tailwind CSS component library where users integrate standalone HTML snippets via a copy-paste distribution model to avoid package installation and framework overhead. The library features one-click markup copying from a pre-built component gallery. It includes specialized design systems, such as high-contrast neobrutalist styling with heavy borders, and visual tools for generating dark mode color palettes and harmonic typography scales. The compone

react-native-reusables is a cross-platform mobile UI library and an accessible component kit used to build consistent interfaces across different screen sizes. It functions as a Tailwind CSS component library, providing pre-styled interface elements that utilize utility classes for styling and layout. The project enables cross-platform UI development for iOS and Android through a shared set of reusable visual components. It supports mobile interface prototyping and the creation of cohesive design systems by utilizing standardized, themeable interface elements to maintain uniform branding. Th

Liftkit is a modular code distribution tool and component code importer designed to download UI component source code directly into local repositories. It functions as a frontend component bridge, transferring pre-made UI elements and design patterns from remote repositories into local project directories for full implementation control. The utility acts as a design system synchronizer, aligning visual components and patterns across different design and coding tools. This process ensures consistency between layout and final code by synchronizing UI design patterns throughout the development w

This project is a collection of accessible user interface components designed for full developer ownership. It functions as a copy-paste UI framework and headless component kit, providing the logic and structure for interface elements without relying on traditional versioned library dependencies. The system distributes source code directly to the user, allowing for the creation of a custom component library. It utilizes a distribution method where components are copied into the codebase, ensuring that the visual and functional implementation remains under the developer's control. The toolkit

Tailblocks is a collection of ready-to-use, responsive HTML blocks styled entirely with Tailwind CSS utility classes. It functions as a copy-paste component library that delivers static HTML snippets requiring no runtime library, framework, or build process to function in a project. The project distinguishes itself by offering client-side theme toggling between light and dark modes, along with a color palette picker that lets users swap Tailwind color tokens on each block before copying the code. This enables rapid prototyping by allowing developers to customize block appearance and extract f

Tailwind Starter Kit is a copy-paste UI component library built with Tailwind CSS, designed to accelerate front-end development by providing pre-built, reusable interface blocks that can be inserted directly into any project without package managers or build tools. It delivers identical UI components as native code for React, Vue, Angular, and plain HTML, making it a framework-agnostic resource for assembling responsive layouts. The kit structures its UI blocks as plain Tailwind markup that AI code generators can parse and reproduce from natural-language descriptions, making it compatible wit

David AI is a UI development toolkit that combines AI-powered page generation with a library of pre-built, copy-paste-ready components built on Tailwind CSS. At its core, it offers an AI builder that can generate complete landing pages and dashboards from natural language prompts, outputting clean, responsive Tailwind CSS code. The project provides a comprehensive collection of UI components—including buttons, forms, navigation elements, and data displays—that can be assembled into full page sections like hero blocks, pricing tables, and dashboards. The toolkit distinguishes itself through a

Jetstream is an application scaffold for Laravel that provides a pre-built identity system and team collaboration framework. It serves as a starter kit that integrates user authentication, profile management, and organizational tools into a unified project structure. The project is distinguished by its comprehensive team management capabilities, which include shared workspace organization, member invitation workflows, and role-based access control. It also features an integrated API token manager for issuing and controlling secure access tokens for external clients. The platform covers a bro

Shadcn-ui-expansions is a React and Tailwind CSS component library that provides a collection of pre-built user interface elements and utilities designed to be copied directly into web applications. The project extends the shadcn-ui ecosystem with additional interactive widgets and layout elements to speed up frontend development. The library includes advanced form controls such as date and time pickers, searchable multi-item tag selectors, dual-range numeric sliders, and expanding textareas that automatically adjust height as content grows. Additional components feature animated text typing

Magic MCP is a Model Context Protocol server and AI component generator that translates natural language descriptions into functional user interface code. It acts as an LLM design orchestrator, producing responsive web elements and layouts anchored on utility-first CSS styling patterns. The system features a side-by-side variation engine that generates multiple stylistic interpretations of a single prompt for comparative selection. It incorporates SVG-based asset integration for branding and iconography and utilizes template-based assembly to combine pre-defined style patterns with user-speci

Konsta is a cross-platform mobile design system and native-style component library. It provides a collection of pre-made user interface components built with Tailwind CSS to create mobile application views that maintain a consistent native appearance across different mobile operating systems. The library focuses on native interface emulation, applying design systems that mimic the official visual styles and guidelines of iOS and Android. It uses platform-specific style mapping and design-system-based theming to ensure hybrid or web applications look like native apps. The framework covers mob

vue-vben-admin is a Vue 3 admin dashboard template and frontend development boilerplate designed for building enterprise administrative interfaces. It is structured as a TypeScript monorepo frontend, providing a pre-configured starting point for bootstrapping professional back-office applications. The project integrates a role-based access control system for dynamic routing and permission management. It utilizes the Shadcn UI component library and Tailwind CSS to provide a customizable, themed user interface. The framework includes support for internationalized web applications through multi

TW-Elements is a Tailwind CSS component library and responsive UI kit providing a collection of pre-styled elements and templates. It functions as an interactive web element set and a customizable theme system for building website interfaces and landing pages. The project enables rapid frontend prototyping through a library of functional interface pieces, including modals, navigation bars, and forms. It provides a set of design blocks and sections specifically for creating mobile-first layouts. The library covers responsive web design and Tailwind CSS UI development. This includes the implem

Element is a Vue.js UI component library and web UI toolkit. It provides a collection of pre-styled user interface components and modular building blocks used to build web applications. The project includes a customizable CSS theme framework, allowing for the modification of visual styles and brand requirements through theme tools and generators. The toolkit covers frontend component management, custom web theming, and a workflow for rapid prototyping.

Vuestic Admin is a Vue 3 administration dashboard template and framework designed for building back-office applications and internal management consoles. It provides a ready-to-use foundation that integrates Vite, Pinia, and Tailwind CSS to accelerate the development of administrative interfaces. The project features a themed UI management system with a central configuration engine for global styles and branding, including a toggleable dark mode. It also includes a mocked API development environment that intercepts network requests and provides static data stubs for interface testing and rapi

Inspira UI is a Vue-based design system and component library providing a collection of pre-designed user interface elements. It functions as a Tailwind CSS UI kit, offering reusable components intended for building websites and maintaining a unified visual look across web applications. The project enables modern web frontend design and rapid website prototyping by providing ready-made building blocks. It focuses on Vue UI component development to accelerate the transition from design ideas to functional web pages. The library integrates Tailwind CSS utility styling and CSS-variable-based th

shadcn-vue is an accessible design system framework and UI component library for Vue applications. It provides a collection of accessible, unstyled interface elements and pre-designed building blocks styled with Tailwind CSS, all of which are built on top of Radix Vue primitives. The project utilizes a command line interface to install specific components and themes directly into a local project directory rather than as pre-compiled dependencies. This distribution model allows users to own and modify the source code locally to create a custom design language. The library covers a broad range

FlutterUnit is a cross-platform user interface showcase and component gallery. It functions as a searchable directory and library of reusable interface elements, providing live previews and a catalog of widgets for building applications. The project distinguishes itself by providing an interactive system for component exploration, where users can inspect detailed element properties, toggle source code visibility for sharing, and organize preferred elements into custom collections to manage design systems. The tool supports multi-platform compatibility verification, allowing for the compariso

This project is a development toolkit and starter kit for creating custom WordPress themes. It provides a standardized scaffolding tool to initialize a minimal codebase and directory structure, serving as a foundation for building custom site designs. The toolkit includes a build pipeline that automates the compilation of Sass into browser-ready CSS and the generation of mirrored right-to-left stylesheets. It further assists in theme preparation through a translation template generator that extracts translatable strings into portable object files. The system covers a broad range of developme