react
Trendiest Open Source & Free Admin Dashboard Template for React, Chakra UI, Tailwind CSS, TypeScript, JavaScript and NextJS
Component toolkit for creating live-running code editing experiences.
Sandpack is a component toolkit for creating your own live running code editing experience powered by CodeSandbox.
React hooks for the AWS UI component library.
use-awsui is a collection of React hooks for the AWS UI components. By instantiating your components' local state with this library, you can save repetitive boilerplate surrounding state instantiation and event handlers. You may also rest comfortably knowing this package maintains 100% test coverage.
The new email API for developers.
Build, test, and send transactional emails at scale. Resend provides the best developer experience helping you reach users instead of spam folders.
Embla Carousel is a bare bones carousel library with great fluid motion and awesome swipe precision. It's library agnostic, dependency free and 100% open source. Build awesome carousels by extending Embla Carousel with your own CSS and JavaScript.
🐻 Bear necessities for state management in React.
A small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy API based on hooks, isn't boilerplatey or opinionated.
Related contents:
Coding challenges.
Practice your technical interview skills on coding challenges taken from real technical interviews. Target your weak skills and level up your game.
React UI Component Library.
PrimeReact is a rich set of open source UI Components for React.
Excel-like DataGrid component for React JS. Built for high performance rendering similar to google sheets.
Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices. Crafted for highly scalable & performant and easily maintainable React.js applications with a focus on best DX and best practices.
Frontend workshop for UI development.
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.
Create accessible React apps with speed. A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Chakra UI is a comprehensive library of accessible, reusable, and composable React components that streamlines the development of modern web applications and websites. The library offers a diverse range of components that can be easily combined to build complex user interfaces while adhering to accessibility best practices.
Advanced JavaScript table plugin.
Grid.js is a Free and open-source JavaScript table plugin. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs.
🌠 Async loading, performant Image component for React.js. A powerful, customisable, Suspense-like <img> component that (optionally) simulates a shimmer effect while loading. (with zero dependencies!).
Lightweight SVG/CSS spinners for React.
9 awesome typescript-aware lightweight spinners built as react.js components.
Build native Windows & macOS apps with Javascript and React.
Free Modern React Templates & Components for building landing pages and UIs
Headless UI for Virtualizing Large Element Lists
Virtualize only the visible DOM nodes within massive scrollable elements at 60FPS in TS/JS, React, Vue, Solid & Svelte while retaining 100% control over markup and styles.
Draw attention to the important parts of your website.
How is this different from a Modal ? The black mask appears around existing elements on the page.
A free React landing page template designed to showcase open source projects, SaaS products, online services, and more. Open is a free React landing page template built with Tailwind CSS for developers/makers who want to create a quick and professional landing page for their open source projects, SaaS products, online services, and more.
The React library to build dashboards fast.
Tremor lets you create simple and modular components to build insightful dashboards in a breeze. Fully open-source, made by data scientists and software engineers with a sweet spot for design.
2 701Free Consistent Icons. Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue and Flutter ready to use packages.
Over 3200 pixel-perfect icons for web design. Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
Build single-page apps, without building an API. Create modern single-page React, Vue, and Svelte apps using classic server-side routing. Works with any backend — tuned for Laravel.
Related contents:
Stunning touch-friendly 3D parallax hover effects. Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React, Vue.js and Svelte. Atropos @ GitHub.
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind. refine @ GitHub.
Unstyled, accessible components for building high‑quality design systems and web apps in React.
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
Make HTML elements spin in response to scrolling. Spinning slows down with friction. Works with vertical and horizontal scrolling on any element.
Placeholder Avatars for the Modern World. Give your app some flair instead of using some generic user icon from some icon library. Use it in your frontend framework of choice.
React hero animations. Motion Layout. Create beautiful immersive hero animations using shared components.
React Native + Web UI kit Style React Native and Web with an optimizing compiler. Tamagui lets you share more code between web and native apps while improving, rather than sacrificing, DX, performance, and code maintainability.
Simple React forms validation. Performant, flexible and extensible forms with easy-to-use validation.
DOM-first, responsive carousel for React. React Snap Carousel leaves the DOM in charge of scrolling and simply computes derived state from the layout, allowing you to progressively enhance a scroll element with responsive carousel controls.
Simple React Component That Makes Titles More Readable.
A modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript
Visual IDE for React. React, meet your first visual IDE. Visually edit projects side-by-side with your code editor. See every change reflected instantly and get your work done faster.
React Hooks for Data Fetching. The name “SWR” is derived from stale-while-revalidate, a HTTP cache invalidation strategy popularized by HTTP RFC 5861. SWR is a strategy to first return the data from cache (stale), then send the fetch request (revalidate), and finally come with the up-to-date data.
A simple & customizable notifications system for React
React Kawaii is a library of cute illustrations that are easily customisable. They are ideal to give some cuteness and personality to your ReactJS application. Just pick an illustration and set the mood and it's done!
A community-curated database of the most popular and frequently updated React libraries.
This Week In React. The latest news directly in your inbox!
React Native for the desktop, cross compatible. Create desktop applications through a React syntax, on all platforms.
The React Framework.
Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.
Related contents:
- next.js: an honest review @ beeps.
- Authorization in Next.js @ rw;eruch.
- You should know this before choosing Next.js @ Build Times.
- Deploying a Next.js App to Production in any server @ SayBackend 📦.
- Next.js vs TanStack @ Kyle Gill.
- Guide to fast websites with Next.js: Tips for maximizing server speeds and minimizing client burden @ Vercel.
- Pourquoi je n'aime pas Next.js @ Grafikart :fr:.
- Use Async Local Storage to prevent props drilling in Next.js Route handlers @ nico.fyi.
- Next.js 15.1+ is unusable outside of Vercel @ Omar Abid.
- How to take screenshots of your statically exported Next.js site in GitHub Actions workflow @ nico.fyi.
- Next.js Promise Racing @ Playful Programming.
- You should know this before choosing Next.js @ Build Times.
- Adding .md URLs for Raw Markdown Content in Next.js @ Ben Gubler.
- Next.js migration @ LLM Gateway.
- The Complete Guide to Self-Hosting Next.js at Scale @ David Höck.
- Next.js Is Infuriating @ Dominik's Blog.
- One Year with Next.js App Router — Why We're Moving On @ paper clover.
Short JavaScript code snippets for all your development needs
🚀 A React Framework for building extensible drag and drop page editors Craft.js solves this problem by modularising the building blocks of a page editor. It ships with a drag-n-drop system and handles the way user components should be rendered, updated and moved - among other things. With this, you'll be able to build your own page editor exactly how you want it to look and behave.
The frontend boilerplate with superpowers.
A well-structured production-ready frontend boilerplate with Typescript, React Testing Library, styled-component, React Query, .env, Axios, Bundle Analyzer, Prettier and 30+ plugins. superplate creates ready-to-develop projects for React and Next.js and refine.
bring your components to life with simple spring animation primitives
SWR is a React Hooks library for data fetching. The name “SWR” is derived from stale-while-revalidate, a cache invalidation strategy popularized by HTTP RFC 5861. SWR first returns the data from cache (stale), then sends the request (revalidate), and finally comes with the up-to-date data again.
React Router, Solid Router, Svelte Router, Vue Router. Modern and scalable routing for applications. A fully typesafe router with first-class search-param APIs and built-in caching, built for JS/TS, React, Preact, Solid, Vue and Svelte.
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design. MUI Core contains foundational React UI component libraries for shipping new features faster.
nivo provides a rich set of dataviz components, built on top of D3 and React.
Free Web Form API - Form to Email, Slack, Notion, Telegram and More. Complete Web Form Solution for Static Websites. FormBold is a powerful form API and serverless form backend that works with all hosting, SSG, and frameworks. Receive form submissions directly to your email inbox, slack, telegram, notion, and more. Ready to use with any Static, Jamstack, and SSG sites including - HTML, React, Next.js, Gatsby, Vue, Nuxt, Hugo, and Jekyll.
Themeable components for React & React Native. Bumbag is a themeable, accessible & composable component library for React & React Native allowing you to create cross-platform applications with ease.
A forward-thinking library of web components. Shoelace provides a collection of professionally designed, highly customizable UI components built on a framework agnostic technology.
React Electronic Program Guide, Schedule, Timeline and Events. Build Timeline, today, fast and simple. Planby is a React based component that lets you implement your own Timeline so fast and simple.
An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.