# KickstartUI

> Discover the best UI frameworks, libraries and build tools, hand-picked for developers. Kickstart your projects with tools that bring your UI ideas to life.

## Pages
- [Home](https://kickstartui.com/)

## Categories
- [React](https://kickstartui.com/explore/react/): Discover the best resources for React, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Vue.js](https://kickstartui.com/explore/vuejs/): Discover the best resources for Vue.js, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Angular](https://kickstartui.com/explore/angular/): Discover the best resources for Angular, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Svelte](https://kickstartui.com/explore/svelte/): Discover the best resources for Svelte, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Solid.js](https://kickstartui.com/explore/solidjs/): Discover the best resources for Solid.js, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Component Libraries](https://kickstartui.com/explore/component-libraries/): Discover the best resources for Component Libraries, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [State Management](https://kickstartui.com/explore/state-management/): Discover the best resources for State Management, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Utility Libraries](https://kickstartui.com/explore/utility-libraries/): Discover the best resources for Utility Libraries, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Animations](https://kickstartui.com/explore/animations/): Discover the best resources for Animations, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [CSS](https://kickstartui.com/explore/css/): Discover the best resources for CSS, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Icons](https://kickstartui.com/explore/icons/): Discover the best resources for Icons, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [3D](https://kickstartui.com/explore/3d/): Discover the best resources for 3D, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Build Tools](https://kickstartui.com/explore/build-tools/): Discover the best resources for Build Tools, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.
- [Web Components](https://kickstartui.com/explore/web-components/): Discover the best resources for Web Components, hand-picked for developers. Kickstart your projects with essential tools to bring your UI ideas to life.

## Tools
- [eleventy](https://kickstartui.com/details/11ty/): A fast and flexible static site generator that supports various template languages, enabling efficient web development with minimal setup and extensive customization options.
- [Alpine.js](https://kickstartui.com/details/alpinejs/): Alpine.js is a lightweight JavaScript framework that provides a simple way to create interactive web components directly in your HTML markup.
- [Angular](https://kickstartui.com/details/angular/): Angular is a powerful framework for building dynamic web applications, offering developers a scalable and maintainable solution.
- [anime.js](https://kickstartui.com/details/animejs/): Anime.js is a flexible JavaScript animation engine designed for creating engaging animations for web applications with ease and efficiency.
- [ArkUI](https://kickstartui.com/details/ark-ui/): An open-source UI library for building reusable and scalable design systems with accessibility and flexibility in mind.
- [Astro](https://kickstartui.com/details/astro/): Astro is a modern site builder focused on creating fast, content-driven websites using a server-first approach that prioritizes performance and minimal JavaScript.
- [AutoAnimate](https://kickstartui.com/details/auto-animate/): AutoAnimate is a zero-config animation utility that adds smooth transitions to any JavaScript application with a simple setup.
- [ChakraUI](https://kickstartui.com/details/chakra-ui/): ChakraUI offers a simple, modular, and accessible component library for building React applications with speed and efficiency, enhancing the developer experience with customizable and themeable components.
- [cmdk](https://kickstartui.com/details/cmdk/): A fast and accessible command menu component for React, offering customizable styling and advanced features like keyboard shortcuts and asynchronous loading.
- [Corset](https://kickstartui.com/details/corset/): A utility library for declarative DOM binding, enabling seamless integration of JavaScript with HTML without the overhead of standard frameworks.
- [daisyUI](https://kickstartui.com/details/daisy-ui/): daisyUI is a popular open-source library for Tailwind CSS that simplifies UI component development with semantic class names, enhancing productivity and maintaining clear coding practices.
- [dndkit](https://kickstartui.com/details/dndkit/): A lightweight and accessible drag and drop toolkit for React applications, designed for performance and extensibility.
- [Docusaurus](https://kickstartui.com/details/docusaurus/): Docusaurus is a documentation framework designed for easy website creation, maintaining open source projects. Efficient setup, localization support, and rich content integration are key features.
- [Electron](https://kickstartui.com/details/electron/): Electron is a framework for building native desktop applications using web technologies like JavaScript, HTML, and CSS, enabling cross-platform compatibility across Windows, macOS, and Linux.
- [emotion](https://kickstartui.com/details/emotion/): Emotion is a CSS-in-JS library that enhances styling capabilities in JavaScript applications, providing a powerful and efficient way to manage styles with support for dynamic themes, server-side rendering, and a fantastic developer experience.
- [Enhance](https://kickstartui.com/details/enhance/): Enhance is a full stack web framework focused on HTML-first development, providing file-based routing, server-side rendering, and efficient database access for building modern applications.
- [esbuild](https://kickstartui.com/details/esbuild/): esbuild is an extremely fast JavaScript bundler and minifier, designed for modern web development with support for JavaScript, TypeScript, JSX, and CSS.
- [flowbite](https://kickstartui.com/details/flowbite/): Flowbite is a versatile UI component library based on Tailwind CSS, providing developers with customizable and interactive elements for efficient web design.
- [Font Awesome](https://kickstartui.com/details/fontawesome/): Font Awesome is a widely used icon toolkit that offers scalable vector icons, consistent styling, and integration options for web and mobile applications.
- [Framer Motion](https://kickstartui.com/details/framer-motion/): Framer Motion is an open-source animation library that enables developers to create fluid and interactive animations in React applications seamlessly.
- [Glaze](https://kickstartui.com/details/glazejs/): Glaze is an animation framework that simplifies the creation of web animations with minimal code, leveraging a utility-based approach built on GSAP.
- [GSAP](https://kickstartui.com/details/gsap/): GSAP is a powerful JavaScript animation library that enables developers to create high-performance animations and interactions on the web with ease and flexibility.
- [HeadlessUI](https://kickstartui.com/details/headless-ui/): A collection of fully accessible and unstyled UI components designed for seamless integration with Tailwind CSS, providing flexibility and best practices for modern web applications.
- [Heroicons](https://kickstartui.com/details/heroicons/): A collection of SVG icons that provides versatile designs for various web applications, featuring multiple styles and MIT licensing for ease of use.
- [Hybrids](https://kickstartui.com/details/hybrids/): Hybrids is a JavaScript framework that combines declarative and functional programming for building scalable web applications and components.
- [Inertia.js](https://kickstartui.com/details/intertiajs/): Build modern single-page applications easily with Inertia.js, utilizing classic server-side routing for seamless integration with React, Vue, and Svelte.
- [Ionicons](https://kickstartui.com/details/ionicon/): A versatile collection of premium hand-crafted icons available for various digital applications, ensuring aesthetic quality and open-source accessibility.
- [Jotai](https://kickstartui.com/details/jotai/): Jotai is a flexible and efficient state management library for React, utilizing atomic state concepts to optimize performance and simplify design.
- [Legend State](https://kickstartui.com/details/legend-state/): Legend State is a fast and efficient state management library for React, providing advanced features such as fine-grained reactivity, seamless state synchronization, and automatic persistence.
- [Lit](https://kickstartui.com/details/lit/): Lit is a fast and lightweight JavaScript library for building reusable web components with reactive properties and scoped styles.
- [Livewire](https://kickstartui.com/details/livewire/): Livewire is a full-stack framework that simplifies building dynamic interfaces in PHP applications, enhancing productivity and user experience through seamless front-end and back-end integration.
- [Lucide](https://kickstartui.com/details/lucide/): Lucide offers a beautiful and consistent icon toolkit ideal for modern web and mobile applications, built with SVG for scalability and customization.
- [MagicUI](https://kickstartui.com/details/magic-ui/): MagicUI Pro is a comprehensive UI library for creating beautiful landing pages with animated components, designed for seamless integration with React and Tailwind CSS.
- [Mantine](https://kickstartui.com/details/mantine/): Mantine is a flexible React component library equipped with over 100 customizable components and extensive hooks, designed for efficient and accessible web application development.
- [Master CSS](https://kickstartui.com/details/master-css/): Master CSS is an innovative virtual CSS language that streamlines UI styling with a compact size and enhanced syntax, enabling efficient development for web designers and developers.
- [MobX-State-Tree](https://kickstartui.com/details/mobx-state-tree/): MobX-State-Tree is a powerful state management library that offers a structured approach with built-in features for reactive applications, making it ideal for managing complex state in JavaScript projects.
- [MobX](https://kickstartui.com/details/mobx/): MobX is a simple and scalable state management solution that provides automatic reactivity and minimal boilerplate, making application state management efficient and predictable.
- [Motion One](https://kickstartui.com/details/motion-one/): Motion One is a lightweight JavaScript animation library that leverages native browser APIs for optimal performance and speed, offering seamless animations with low CPU usage.
- [MaterialUI](https://kickstartui.com/details/mui/): Material UI is a comprehensive React component library that implements Google's Material Design, offering pre-built components and customization options for creating responsive, accessible user interfaces.
- [Next.js](https://kickstartui.com/details/nextjs/): Next.js is a React framework that enables the development of optimized, dynamic web applications with server-side rendering and static site generation features.
- [Nue](https://kickstartui.com/details/nuejs/): Nue is a web framework designed for UX developers, facilitating a seamless blend of design and development for building advanced websites with minimal JavaScript.
- [nuqs](https://kickstartui.com/details/nuqs/): A type-safe state manager for Next.js applications that synchronizes component state with the URL query string, ensuring easy navigation and state preservation.
- [NuxtUI](https://kickstartui.com/details/nuxt-ui/): NuxtUI is a customizable UI library for modern web applications that integrates seamlessly with the Nuxt framework, featuring a wide range of styled components and support for Tailwind CSS.
- [Panda CSS](https://kickstartui.com/details/panda-css/): Panda CSS is a state-of-the-art CSS-in-JS framework, offering type-safe styles, multi-variant support, and server component compatibility for modern web development.
- [Preact](https://kickstartui.com/details/preact/): Preact is a fast, lightweight alternative to React with the same modern API, offering seamless server-side rendering and efficient state management.
- [PrimeVue](https://kickstartui.com/details/primevue/): PrimeVue is an open-source UI component library designed specifically for Vue.js, offering over 80 customizable components and a mobile-first design for fast and accessible web application development.
- [Qwik](https://kickstartui.com/details/qwik/): Qwik is a cutting-edge framework designed for building fast, interactive web applications with instant loading and seamless user experience.
- [Radix Primitives](https://kickstartui.com/details/radix-ui-primitives/): A collection of unstyled, accessible, open-source React components that provide essential building blocks for high-quality web applications and design systems.
- [Radix Vue](https://kickstartui.com/details/radix-vue/): Radix Vue is an unofficial port of Radix UI for Vue, featuring customizable and accessible UI components for enhanced design systems.
- [React Aria](https://kickstartui.com/details/react-aria/): React Aria offers a vast collection of accessible React components designed for customization, flexibility, and internationalization, optimized for performance across all devices.
- [React DnD](https://kickstartui.com/details/react-dnd/): A powerful drag-and-drop library for React applications that simplifies the implementation of customizable drag-and-drop interactions and supports modern hooks-based APIs.
- [React Hook Form](https://kickstartui.com/details/react-hook-form/): React Hook Form makes it easy to create forms in React with minimal re-renders and efficient validation techniques.
- [React Router](https://kickstartui.com/details/react-router/): Declarative routing for React applications, enhancing navigation and optimizing UI performance with advanced features and straightforward API.
- [React Spectrum](https://kickstartui.com/details/react-spectrum/): React Spectrum provides developers with a powerful toolkit for creating accessible and adaptive web applications with seamless integration into Adobe's design ecosystem.
- [React Spring](https://kickstartui.com/details/react-spring/): A powerful animation library that uses spring physics principles for fluid and efficient animations in React applications.
- [React Three Fiber](https://kickstartui.com/details/react-three-fiber/): A powerful React renderer for Three.js, enabling developers to build interactive 3D graphics efficiently with reusable components and state management capabilities.
- [uikit](https://kickstartui.com/details/react-three-uikit/): Build performant 3D user interfaces with a toolkit designed for react-three-fiber and Yoga. Suitable for gaming, XR, and web-based spatial computing applications.
- [React](https://kickstartui.com/details/react/): React is a flexible JavaScript library for building efficient user interfaces and offers a component-based architecture for dynamic web and mobile applications.
- [Redux Toolkit](https://kickstartui.com/details/redux/): Redux Toolkit provides a comprehensive suite of tools for efficient Redux development, helping developers manage state in a predictable way while minimizing boilerplate code.
- [RedwoodJS](https://kickstartui.com/details/redwoodjs/): A full-stack JavaScript framework that simplifies the development of scalable web applications with built-in support for client and server-side rendering and easy deployment options.
- [Refine](https://kickstartui.com/details/refine/): Refine is a versatile React-based meta-framework designed to streamline the development of CRUD applications by providing pre-built components and integration capabilities with popular backend services.
- [Remix](https://kickstartui.com/details/remix/): Build resilient and modern web applications efficiently with this comprehensive full-stack framework that prioritizes user experience and performance.
- [Rollup](https://kickstartui.com/details/rollupjs/): Rollup is a next-generation ES module bundler optimized for modern JavaScript applications, enabling efficient code compilation and fast delivery.
- [Sal](https://kickstartui.com/details/sal/): Sal is a lightweight scroll animation library that enhances web applications with performance-driven animations triggered by element visibility. Ideal for developers looking to implement seamless scrolling effects without dependencies.
- [shadcn/ui](https://kickstartui.com/details/shadcn-ui/): A collection of beautifully designed UI components that are accessible and customizable, perfect for modern web applications.
- [shadcn-vue](https://kickstartui.com/details/shadcn-vue/): A powerful tool for creating customizable and accessible component libraries using Vue framework, supporting modern web application development.
- [Shiki](https://kickstartui.com/details/shiki/): A powerful syntax highlighting library that offers customization and zero runtime overhead for enhanced performance across multiple environments.
- [Skeleton](https://kickstartui.com/details/skeleton/): Skeleton is a UI toolkit for building adaptive and accessible interfaces with Svelte and Tailwind CSS, offering a variety of components and utilities.
- [solid-ui](https://kickstartui.com/details/solid-ui/): A powerful UI component library for Solid framework that prioritizes accessibility and customization for seamless integration into web applications.
- [Solid](https://kickstartui.com/details/solidjs/): Solid is a high-performance JavaScript library for building user interfaces, focusing on fine-grained reactivity and no virtual DOM.
- [SparkUI](https://kickstartui.com/details/spark-ui/): Spark UI is a Vue-based UI library that offers animated components crafted with TypeScript and Tailwind CSS to speed up the development process.
- [Stencil](https://kickstartui.com/details/stenciljs/): Stencil is a compiler for building Web Components and Progressive Web Apps, offering a framework-agnostic approach and seamless integration with popular front-end frameworks.
- [styled-components](https://kickstartui.com/details/styled-components/): A CSS-in-JS library that allows for styled components in JavaScript, promoting modular design and supporting all CSS features.
- [StyleX](https://kickstartui.com/details/stylex/): StyleX is an efficient JavaScript library for optimized styling in web applications, enabling atomic CSS generation and enhanced performance during builds.
- [supastarter](https://kickstartui.com/details/supastarter/): A powerful Next.js starter kit for scalable, production-ready SaaS applications, offering essential features like authentication, payments, and a customizable UI.
- [SvelteKit](https://kickstartui.com/details/svelte-kit/): SvelteKit is a powerful framework that simplifies and accelerates the development of Svelte applications, offering flexibility in building both static and dynamic sites.
- [Svelte](https://kickstartui.com/details/svelte/): Svelte is a modern framework for building high-performance web applications with an emphasis on compiler optimizations, enabling concise component creation and efficient state management.
- [TanStack Table](https://kickstartui.com/details/tackstack-table/): Headless UI library for building customizable tables and datagrids across various frameworks like React, Vue, and more, optimizing performance with a lightweight footprint.
- [Tailwind Motion](https://kickstartui.com/details/tailwind-motion/): Enhanced animations for Tailwind CSS, designed for performance, accessibility, and ease of use. Perfect for developers looking to integrate motion effects seamlessly.
- [Tailwind CSS](https://kickstartui.com/details/tailwindcss/): Tailwind CSS is a utility-first framework designed for rapid UI development, allowing for a highly customizable and scalable approach to creating user interfaces with utility classes.
- [Tamagui](https://kickstartui.com/details/tamagui/): A lightweight UI style library for React and React Native, featuring an optimizing compiler, rich component set, and support for server-side rendering, designed for building scalable and maintainable applications.
- [TanStack Query](https://kickstartui.com/details/tanstack-query/): TanStack Query provides powerful asynchronous state management and data fetching utilities for React, Vue, Svelte, Solid, and Angular, streamlining data handling and enhancing performance in web applications.
- [TanStack Router](https://kickstartui.com/details/tanstack-router/): TanStack Router is a type-safe routing library for React, providing advanced data fetching, caching, and URL state management capabilities.
- [Tauri](https://kickstartui.com/details/tauri/): Tauri is a toolkit for building smaller, faster, and secure cross-platform desktop applications using web technologies and Rust.
- [Tiptap](https://kickstartui.com/details/tiptap/): Tiptap is a flexible headless rich text editor framework that allows for customized editing experiences, real-time collaboration, and integrations with AI for optimal content creation.
- [UnoCSS](https://kickstartui.com/details/unocss/): UnoCSS is an instant on-demand atomic CSS engine providing fast, lightweight, and customizable styling solutions for modern web applications.
- [usehooks-ts](https://kickstartui.com/details/usehooks-ts/): A utility library of React hooks that promotes type safety and efficiency, providing a tree-shakable, lightweight solution for developers.
- [valtio](https://kickstartui.com/details/valtio/): A powerful state management library that simplifies the use of proxies in managing state, enhancing productivity and UI responsiveness for React and vanilla JavaScript applications.
- [Vaul](https://kickstartui.com/details/vaul/): Vaul is a flexible, unstyled drawer component for React, optimized for mobile and tablet applications, allowing for customizable interactions and seamless integration.
- [Vite](https://kickstartui.com/details/vite/): Vite is a next-generation frontend build tool that offers an incredibly fast and efficient development experience with features like instant server start and lightning-fast Hot Module Replacement.
- [Vue.js](https://kickstartui.com/details/vuejs/): A progressive JavaScript framework for building user interfaces, designed for simplicity and adaptability for developers.
- [Vuetify](https://kickstartui.com/details/vuetify/): A Vue.js UI component library implementing Material Design principles, providing versatile and customizable components for modern web applications.
- [VueUse](https://kickstartui.com/details/vueuse/): VueUse is a utility collection designed to enhance productivity by simplifying the development process in Vue.js applications.
- [zag.js](https://kickstartui.com/details/zag-js/): A robust library for building accessible UI components using finite state machines, supporting multiple JavaScript frameworks for flexible integration and design system adaptability.
- [zustand](https://kickstartui.com/details/zustand/): A fast and reliable state management library for React applications, designed for simplicity and high performance.
- [BaseUI](https://kickstartui.com/details/baseui/): Headless, unstyled React components for accessible, customizable UIs. Composable primitives, tree‑shakeable, TypeScript-ready, and styling-agnostic with rich docs.
- [TanStack DB](https://kickstartui.com/details/tanstack-db/): Reactive client store extending TanStack Query with typed collections, live queries, and optimistic mutations for sub-millisecond performance and real-time sync.
- [TanStack Form](https://kickstartui.com/details/tanstack-form/): Headless, type-safe form state management for React with schema-agnostic validation, nested fields, field arrays, and fine-grained subscriptions for high performance.
- [TanStack Start](https://kickstartui.com/details/tanstack-start/): Full‑stack meta framework for React and Solid built on TanStack Router and Vite, featuring type‑safe routing, SSR, streaming, server functions, RPCs, API routes, and deploy‑anywhere support.
- [TinyBase](https://kickstartui.com/details/tinybase/): Reactive in-memory data store and sync engine for local-first apps. Tiny bundles, CRDT syncing, queries, indexes, metrics, schemas, React hooks, and persistence to IndexedDB, SQLite, PostgreSQL, and more.

## Optional
- [Imprint](https://kickstartui.com/imprint/): Provider information for the websites of Dennis Josek.
- [Privacy](https://kickstartui.com/privacy/): How we process personal data on our websites, in the sleekwp.com shop and for Blockstudio Plus.
- [Terms](https://kickstartui.com/terms/): Terms of use for our websites, terms of sale for sleekwp.com and the terms for Blockstudio Plus.
- Language: [العربية](https://kickstartui.com/ar/llms.txt), [Български](https://kickstartui.com/bg/llms.txt), [Čeština](https://kickstartui.com/cs/llms.txt), [Dansk](https://kickstartui.com/da/llms.txt), [Deutsch](https://kickstartui.com/de/llms.txt), [Ελληνικά](https://kickstartui.com/el/llms.txt), [Español](https://kickstartui.com/es/llms.txt), [Eesti](https://kickstartui.com/et/llms.txt), [Suomi](https://kickstartui.com/fi/llms.txt), [Français](https://kickstartui.com/fr/llms.txt), [Magyar](https://kickstartui.com/hu/llms.txt), [Bahasa Indonesia](https://kickstartui.com/id/llms.txt), [Italiano](https://kickstartui.com/it/llms.txt), [日本語](https://kickstartui.com/ja/llms.txt), [한국어](https://kickstartui.com/ko/llms.txt), [Lietuvių](https://kickstartui.com/lt/llms.txt), [Latviešu](https://kickstartui.com/lv/llms.txt), [Nederlands](https://kickstartui.com/nl/llms.txt), [Polski](https://kickstartui.com/pl/llms.txt), [Português](https://kickstartui.com/pt/llms.txt), [Română](https://kickstartui.com/ro/llms.txt), [Русский](https://kickstartui.com/ru/llms.txt), [Slovenčina](https://kickstartui.com/sk/llms.txt), [Slovenščina](https://kickstartui.com/sl/llms.txt), [Svenska](https://kickstartui.com/sv/llms.txt), [Türkçe](https://kickstartui.com/tr/llms.txt), [Українська](https://kickstartui.com/uk/llms.txt), [中文](https://kickstartui.com/zh/llms.txt)