react
Base UI is an open-source library of accessible, unstyled UI components for React.
Unstyled UI components for building accessible web apps and design systems.
From the creators of Radix, Floating UI, and Material UI.
Related contents:
🎉 React-Toastify allows you to add notifications to your app with ease.
Copy paste react hooks inspired by shadcn/ui.
A collection of reusable react hooks that you can easily copy and paste into your apps or add directly through the shadcn CLI.
The infinite canvas SDK for React developers.
Use the tldraw SDK to add a collaborative whiteboard to your product or create new canvas-based experiences with the SDK's components, APIs, and services.
Related contents:
Measure the Success of Your Components. Uncover {React} component usage across your dev teams.
Analyze how and where components are used across your code repos to reduce front-end tech debt and prove design system value.
Unstyled React components and low-level hooks.
Base UI is an open-source library of accessible, unstyled UI components for React. Base UI is an unstyled React UI component library for building accessible user interfaces while maintaining complete control over styling.
Lightweight React SVG pie charts, with versatile options and CSS animation included. ~2kB gzipped.
A composable charting library built on React components. Redefined chart library built with React and D3.
React hook that persists data in localStorage.
The Query Builder Component for React.
React Query Builder is a fully customizable query builder component for React, along with a collection of utility functions for importing from, and exporting to, various query languages like SQL, MongoDB, and more.
Scan for React performance issues and eliminate slow renders in your app.
React Scan "scans" your React app for problematic renders. It's just JavaScript, so you drop it in anywhere – script tag, npm, you name it!
🌈 React for interactive command-line apps. React for CLIs. Build and test your CLI output using components.
Ink provides the same component-based UI building experience that React offers in the browser, but for command-line apps. It uses Yoga to build Flexbox layouts in the terminal, so most CSS-like props are available in Ink as well. If you are already familiar with React, you already know Ink.
Free to host and open-source cal.com / calendly alternative built on Google-Apps-Script for Gmail users. Built with modern technologies like React, TypeScript, Shadcn/UI, and Vite.
Better Upload is a file upload library for React that makes it very simple and easy to upload files directly to any S3-compatible service. It handles both the client and your server.
While Better Upload is designed to work with Next.js, it can also work with any framework / backend server that uses standard Request and Response objects. Like Remix and Hono!
React components for dashboards. Toolpad: Full stack components and low-code builder for dashboards and internal apps.
From the creators of Material UI, Toolpad Core offers the components needed for your next admin panel and internal tools project. Bootstrap from scratch in our CLI with well chosen defaults, or drop Toolpad Core into your existing Next.js or Vite* project.
Toolpad Core is a set of high level React components that abstract common concepts such as layout navigation and routing. It aims at helping you build and maintain dashboards and internal tooling faster. It's built on top of Material UI.
Full-stack React framework powered by TanStack Router.
Full-document SSR, Streaming, Server Functions, bundling and more, powered by TanStack Router, Vinxi, and Vite. Ready to deploy to your favorite hosting provider.
Related contents:
A collection of tiny, reusable, UI components — wrapped in a helpful app layout with header, side bar, dark mode, and more.
TinyWidgets uses React for DOM manipulation, Vanilla-Extract at build-time for styling, Lucide for icons, and TinyBase for state management. Its philosophy is all about simplicity, decent defaults, a streamlined DOM, and concise styling.
Transition and format numbers.
A React component to transition, localize, and format numbers. Dependency-free. Accessible. Customizable.
Related contents:
a React Framework.
Creating websites and apps is simply too complex. One is a new React framework for web and native, built on Vite. It simplifies things with universal, typed routing seamlessly across static, server, and client pages. Plus, an amazing new solution to data.
Build your Forms Faster. Create forms with Shadcn, react-hook-form and zod within minutes.
This project demonstrates the usage of shadcn-form-builder for building dynamic forms using React Hook Form and Zod for validation.
Build in-app AI chatbots in days, not weeks.
assistant-ui is a chatbot UI for your React app
Related contents:
A practical way to learn Angular, React & Vue all at once.
High-quality open-source software for web developers.
Headless, type-safe, & powerful utilities for Web Applications, Routing, State Management, Data Visualization, Datagrids/Tables, and more.
Related contents:
This mini-course is designed to help React developers learn Vim commands and apply them to real-world scenarios by fixing and editing React code. The course focuses on the most helpful Vim commands when working with React and JavaScript.
v0 is a generative user interface system by Vercel powered by AI. It generates copy-and-paste friendly React code based on shadcn/ui and Tailwind CSS that people can use in their projects.
Create the cropper you desire.
This react cropper library gives you the possibility to create croppers that exactly suited for your website design. Don’t limit yourself. Rotate, zoom, transitions, autozoom and many other features included.
The best React-based framework with performance, scalability and security built in.
Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. It combines the control and scalability of dynamically rendered sites with the speed of static-site generation, creating a whole new web of possibilities.
Open source, production-ready animation and gesture library for React. A production-ready motion library for React.
Build beautiful animated components. A collection of open-source, customizable motion components built on top of Framer Motion.
Beautifully designed motions components. Easy copy-paste. Customizable. Open Source. Built for engineers and designers.
Unstyled highly composable components that you can copy/paste in your own codebase. Built with Tailwind CSS and a bit of Framer Motion. Customize them as you want.
Easy Drag-to-Swap Solution. ✨ A simple JavaScript tool for converting any layout you have to drag-to-swap layout.
Meet Swapy, a framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
Components crafted for Design Engineers. Ready-to-use components for your React apps. Shadcn compatible. Styled with tailwindcss. Copy and paste. Open Source. Typed.
Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library.
React UI Kit for Custom Web UIs. Highly customizable components for crafting modern, personalized websites and applications.
Collection of highly customizable and accessible React components. Built on top of Tailwind CSS, Radix UI, and themed with Tailus Themer, Tailus UI React is your one-stop shop for building beautiful and functional web user interfaces.
A simple, scalable, and powerful architecture for building production ready React applications.
This repo attempts to present a way of creating React applications using some of the best tools in the ecosystem with a good project structure that scales very well. Based on my experience working with a lot of different codebases, this architecture turns out to be the most effective.
React Documentation Framework. Minimal Documentation Framework, powered by React + Vite. Vocs is a minimal static documentation generator designed to supercharge your documentation workflow, built with modern web technologies.
Open-source UI components for React.
Build faster with Wedges. An open-source collection of UI components for React.
Beautiful UI components for React, lovingly crafted with the Wedges Design System, Radix UI, and Tailwind CSS.
🎉 Web component JS frameworks overview by their syntax and features.
Many JS developers don't have a good overview of every existing JS framework with their own syntax and features. How do we solve this ? Developers love having framework overview by examples. It's a quick introduction before going deeper.
Related contents:
Simple UI examples from my social media.
This is repository with examples of simple UI components. The repository is based on Next.js and React.js.
Build unique web UIs. Easy to customize UI ressources built on top of modern frontend tools to make your ideas stand out.
Tailwindcss highly customizable components for building modern websites and applications, with your personnal spark.
Write React components using CSS only. A new, better and faster way to write visual components. CSS-in-JS? Nope! JS-from-CSS.
Supports Next.js, Remix and TailwindCSS.
The React component library you always wanted. Move faster with intuitive React UI tools.
MUI offers a comprehensive suite of free UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.
One-time password input component for React. Accessible. Unstyled. Customizable. Open Source.
Make React 70% faster
The drop-in optimizing compiler for React. Gain big performance wins for UI and data heavy React apps. Dead simple to use – try it out now!
The Open-Source React Framework for B2B Apps.
React-admin offers the best developer experience, lets you focus on business needs, and build delightful user interfaces.
Add a mouse-tracing glow effect to React components.
All popular icon sets, one framework. Freedom to choose icons. Over 150,000 open source vector icons.
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!
Make great React apps, ultra fast. Build exceptional React apps with blazing speed. Prismane is an innovative have-it-all React UI library
Export Icons directly from Figma
Instantly get React, Vue and Svelte components
💌 Build and send emails using React.
A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript.
Related contents:
Make videos programmatically.
Remotion is a framework for creating videos programmatically using React.
Redwood is the full-stack web framework designed to help you grow from side project to startup.
Redwood is an opinionated, full-stack, JavaScript/TypeScript web application framework designed to keep you moving fast as your app grows from side project to startup.
primitive and flexible state management for React. Jotai takes an atomic approach to global React state management inspired by Recoil.
Build state by combining atoms and renders are automatically optimized based on atom dependency. This solves the extra re-render issue of React context, eliminates the need for memoization, and provides a similar developer experience to signals while maintaining a declarative programming model.
Related contents:
Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
Web implementation of the design system is created as native web components so it can be used within every type of web frameworks including Vue, React or Angular. Our target is providing a UI library that has neatly designed and developed for providing best possible user experience for the users of applications that uses Baklava DS.
The Cross-Platform App Development Leader. The mobile SDK for the Web.
An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base. A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Simple and complete testing utilities that encourage good testing practices
Make any app. Run it everywhere. Build one project that runs natively on all your users' devices.
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
Related contents:
search, everywhere. A resilient, innovative and open-source search experience to achieve seamless integration with your infrastructure and data.