React Integrations

SaaS Forge

SaaS Forge is an open-source boilerplate designed to expedite the development of SaaS applications by providing a modular, ready-to-use codebase. It utilizes Python for the backend and ReactJS for the front end, incorporating JWT authentication, a RESTful API, and a database ORM integrated with PostgreSQL. The front end features a responsive design based on Bootstrap 4, with pre-built components such as login, registration, email confirmation pages, a single-page application dashboard, profile views, and a collapsible tree menu. The boilerplate includes automated imports of API endpoints, initialization of services and extensions, predefined database models with automatic updates, and customizable themes. Advanced functionalities encompass Stripe payment integration, a user administration dashboard, and social login options like Google authentication. SaaS Forge is compatible with deployment platforms such as Heroku and AWS Elastic Beanstalk.

Starting Price: $239 one-time payment

View Software

daisyUI

DaisyUI is a Tailwind CSS component library that enhances development efficiency by providing semantic class names for UI components, such as cards and toggles. This approach reduces the need to write extensive utility classes, resulting in cleaner and more maintainable HTML. DaisyUI is built on top of Tailwind CSS, allowing developers to customize components using Tailwind's utility classes. It operates as a pure CSS plugin without JavaScript dependencies, ensuring compatibility across various JavaScript frameworks. Installation is straightforward, and it supports unlimited themes through customizable color names that utilize CSS variables, facilitating features like dark mode without additional class names. daisyUI is built on top of Tailwind CSS so you can customize everything using utility classes. daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.

Starting Price: $49 one-time payment

View Software

MetaMate

MetaMate is an open source semantic service bus that provides a unified API for accessing diverse data sources, including APIs, blockchains, websites, and peer-to-peer networks. By mapping vendor-specific data representations onto an abstract schema graph, MetaMate enables seamless interaction with various services. Its community-driven approach allows contributors to add new types and fields, ensuring the system evolves with real-world data. The platform's type system is derived from widely adopted data transmission technologies such as GraphQL, gRPC, Thrift, and OpenAPI, facilitating compatibility across different protocols. MetaMate enforces backward compatibility programmatically, ensuring that services and applications built on it remain functional over time. Additionally, its command-line interface can generate slim, typed SDKs tailored to specific project needs, covering only the desired subset of the overall schema graph.

Starting Price: Free

View Software

Magic Patterns

Magic Patterns is an AI-powered design tool that enables users to prototype product ideas efficiently. By inputting prompts or images, users can generate new user interfaces, add features to existing designs, or apply themes, with the platform performing optimally for smaller components. The AI-native editor allows for iterative design processes, and completed designs can be exported to React or Figma for seamless integration into development workflows. Backed by Y Combinator, Magic Patterns is trusted by software teams to expedite the design process. The platform also offers a multiplayer canvas for real-time team collaboration, ensuring that designs are contextually relevant and cohesive. Additionally, a Chrome extension is available to provide design inspiration from various websites, aiding users in the creative process. With a community that has generated over 250,000 components, Magic Patterns continues to be a valuable resource for designers, engineers, and product leaders.

Starting Price: $19 per month

View Software

SVAR UI

SVAR

SVAR offers a collection of open-source, customizable UI components designed to simplify and enhance web application development. Compatible with React, Svelte, and Vue, SVAR components include feature-rich DataGrid for managing tabular data, interactive Gantt Chart for visualizing project timelines, a robust File Manager, and a rich UI library of form controls. With a focus on flexibility, performance, and responsiveness, SVAR UI equips you with the advanced tools needed to build modern, data-driven web apps efficiently. All components are easy customizable, blazing fast and well-documented.

Starting Price: $0

View Software

Cline

Cline AI Coding Agent

Autonomous coding agent right in your IDE, capable of creating/editing files, running commands, using the browser, and more with your permission every step of the way. Cline can handle complex software development tasks step-by-step. With tools that let him create & edit files, explore large projects, use the browser, and execute terminal commands (after you grant permission), he can assist you in ways that go beyond code completion or tech support. While autonomous AI scripts traditionally run in sandboxed environments, this extension provides a human-in-the-loop GUI to approve every file change and terminal command, providing a safe and accessible way to explore the potential of agentic AI.

Starting Price: Free

View Software

Defang

Defang is a developer-centric platform that simplifies the process of developing, deploying, and debugging cloud applications. By leveraging AI-assisted tooling, Defang enables developers to swiftly transition from an idea to a deployed application on their preferred cloud provider. The platform supports multiple programming languages, including Go, JavaScript, and Python, allowing developers to start with sample projects or generate project outlines using natural language prompts. With a single command, Defang builds and deploys applications, handling configurations for computing, storage, load balancing, networking, logging, and security. The Defang Command Line Interface (CLI) facilitates interactions with the platform, offering installation options via shell scripts, Homebrew, Winget, Nix, or direct download. Developers can define services using compose.yaml files, which Defang utilizes to deploy applications to the cloud.

Starting Price: $10 per month

View Software

tldraw

tldraw is an infinite canvas SDK designed for React developers, enabling the integration of collaborative whiteboards and the creation of canvas-based experiences within web applications. The SDK offers a React-based canvas where each element is a React component, allowing developers to utilize standard web technologies within the canvas. It supports high performance, managing thousands of objects, including images and interactive components, optimized for desktops, tablets, and mobile devices. Real-time collaboration features are built-in, providing support for collaborative editing, live cursors, viewport following, and cursor chat, with the option to use tldraw sync or integrate a custom backend. The platform allows the incorporation of various media types, such as images, videos, and embedded websites, and facilitates the creation of interactive bookmarks by pasting URLs.

Starting Price: $499 per month

View Software

ReactAI

ReactAI is an open-source platform that enables developers to rapidly create fully functional React components using artificial intelligence. It allows users to generate components in seconds without requiring an API key, offering unlimited free usage during its beta phase. This tool is particularly beneficial for individual developers, startups, and teams seeking to enhance their workflow efficiency.

Starting Price: Free

View Software

TestDriver

TestDriver is an AI-driven autonomous agent designed to revolutionize end-to-end testing for web and desktop applications. Unlike traditional testing frameworks that rely on selectors or static analysis, TestDriver employs AI vision and hardware emulation to simulate real user interactions, enabling it to test any application and control any operating system setting. This approach simplifies setup by eliminating the need for complex selectors, reduces maintenance as tests remain resilient to code changes, and enhances testing capabilities beyond the limitations of conventional methods. The AI explores applications to generate tailored test plans, streamlining the onboarding process and ensuring critical user flows are validated with minimal effort. Seamless integration into CI/CD pipelines allows for continuous, automated quality checks, providing confidence in code integrity. The AI adapts to UI changes, eliminating brittle tests and maintaining robustness as the application evolves.

Starting Price: $249 per month

View Software

Superinterface

Superinterface is an open source platform that enables seamless integration of AI-driven user interfaces into your products. It offers adaptable, headless UI options, allowing you to add in-app AI assistants with interactive components, API function calls, and voice chat capabilities. The platform supports various AI models, including those from OpenAI, Anthropic, and Mistral, providing flexibility in AI integration. Superinterface simplifies the process of embedding AI assistants into your website or application through methods like script tags, React components, or dedicated webpages, ensuring quick setup and compatibility with your existing technology stack. Customization features allow you to tailor the assistant's appearance to match your brand, including avatar selection, accent colors, and themes. Additionally, it supports functionalities such as file search, vector stores, and knowledge bases, enhancing the assistant's ability to provide relevant information.

Starting Price: $249 per month

View Software

Authelia

Authelia is an open source authentication and authorization server and portal fulfilling the identity and access management role of information security in providing multi-factor authentication and single sign-on for your applications via a web portal. It acts as a companion for common reverse proxies. With a compressed container size smaller than 20 megabytes and observed memory usage normally under 30 megabytes, it's one of the most lightweight solutions available. Written in Go and React, authorization policies and many other backend tasks are completed in mere milliseconds, and login portal loading times of 100 milliseconds make it one of the fastest solutions available. Processors can use a lot of electricity, but when idle, usage is basically so low that you can't measure it, and active usage in a small business environment being under 1% allows you to rest easy (with the exclusion of password hashing). Security is heavily considered as part of our design process.

Starting Price: Free

View Software

OpenBolt.dev

OpenBolt.dev bridges the gap between Bolt.new and Bolt.diy, offering a cloud version of Bolt.diy with added benefits. Unlike Bolt.new, OpenBolt.dev allows you to use your own OpenAI API keys. This ensures transparency, flexibility, and cost control over your project’s AI operations. Streamline your workflow with cloud-based Bolt access. Say goodbye to local installations of Bolt.new and Bolt.diy, and enjoy seamless access directly from the cloud. Simplify your workflow with zero setup hassle.

Starting Price: Free

View Software

Progressier

Progressier is a no-code toolkit that transforms existing web applications into fully-featured Progressive Web Apps (PWAs), enhancing user engagement across devices and browsers. It enables universal installation, allowing web apps to be seamlessly installed on iOS, Android, Windows, macOS, and Chrome OS, with step-by-step guidance available in over 20 languages. The platform offers a comprehensive push notification system, facilitating the creation, scheduling, and management of notifications through an intuitive dashboard or API, compatible with various JavaScript frameworks and low-code platforms. Progressier provides a no-code caching strategy builder, allowing users to select predefined strategies and apply them to specific resources, with the platform automatically generating the necessary service worker logic. Additionally, it offers a PWA management suite, enabling centralized control of app components.

Starting Price: $15 per month

View Software

21st.dev

21st.dev is an open source community registry of React UI components, enabling design engineers to ship polished user interfaces more efficiently. Inspired by shadcn/ui, it offers ready-to-use React Tailwind components that can be installed with a single command using npx shadcn. The platform provides a comprehensive collection of UI elements, including accordions, alerts, avatars, badges, buttons, calendars, cards, carousels, checkboxes, dialogs, dropdowns, forms, icons, inputs, menus, notifications, pagination, popovers, radio groups, selects, sidebars, sliders, tables, tabs, tags, text areas, toasts, toggles, and tooltips. Additionally, it features landing page components such as announcements, backgrounds, borders, call-to-actions, client sections, comparisons, docks, features, footers, hero sections, image galleries, maps, navigation menus, pricing tables, scroll areas, testimonials, text blocks, and video sections.

Starting Price: Free

View Software

Impler

Impler is an open source data import infrastructure designed to help engineering teams build rich data import experiences without constantly reinventing the wheel. It offers a guided data importer that navigates users through smooth data import steps, smart auto mappings that automatically align user file headings with specified columns to reduce errors, and robust validations to ensure each cell meets the defined schema and custom rules. The platform also provides validation hooks, allowing developers to write custom JavaScript code to validate data against databases, and an Excel template generator that creates tailored templates based on defined columns. Impler supports importing data with images, enabling users to upload images alongside data records, and offers an auto-import feature to fetch and import data automatically on a scheduled basis.

Starting Price: $35 per month

View Software

LuGo-Test

Efficient, accurate, and fair assessments for your hiring needs. Use coding challenges to see how applicants write, compile, and run code. Browse their compilation history and see how applicants think. Our questions repository contains more than 300 technologies. Create a test by choosing the questions that best fit your job position needs. With themed tests, companies can implement their unique website design and product theme into our testing app. Our test application detects if candidates are using ChatGPT's website and disqualifies them if they do (after warning them first). During the test, the test app takes screenshots to verify the applicant does not copy the answers from the web. We use AI to show the risks. Verify your applicant is the only one taking the test. We use face detection to verify a human face is detected; the service will send a profile image report after the test is submitted.

Starting Price: $35 per month

View Software

Codev

co.dev

Codev is an AI-powered platform that transforms natural language descriptions into full-stack Next.js web applications. By simply describing your app idea, Codev generates a complete application with all necessary components, styling, and functionality. The platform utilizes Next.js, a popular React framework, and Supabase, a PostgreSQL database with real-time data synchronization, to build customizable applications following best practices. Designed for both developers and non-developers, Codev makes app development accessible without requiring coding experience. While it excels at creating applications with CRUD operations and database integration, it currently does not support more complex applications like web crawlers or those requiring high scalability.

Starting Price: $49/month

View Software

LiveKit

LiveKit is a real-time platform that enables developers to build video, voice, and data capabilities into their applications. Building on WebRTC, it supports a broad range of frontend and backend platforms. LiveKit's network is optimized for ultra-low latency, extreme resiliency, and massive scale. Our team is distributed across the world, and our infrastructure delivers billions of minutes of audio and video every month. LiveKit provides SDK support across all major platforms, allowing you to code your application with a LiveKit client natively designed for your platform of choice. You can self-host LiveKit for free without changing a line of code, as the entire ecosystem of tools and services is Apache 2.0 open source. LiveKit offers a feature-rich platform, including SSO and RBAC for teams, enterprise-grade security with end-to-end encryption, noise and echo cancellation, session recording, stream ingestion, and moderation tools.

Starting Price: $50 per month

View Software

Phaser

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers. It has been actively developed for over 10 years. Phaser is built on and around web standards and puts the browser first. Web export isn't an afterthought or checkbox on a feature list; it's our home. Phaser is fully open source, and you have unrestricted access to every last line of code in the core library. Phaser has more ready-made templates than any other game framework and is a great CLI tool. Games made with Phaser have been used as the cornerstone for marketing campaigns for years. They've been deployed everywhere, including as prominent features on sites for major Hollywood film blockbusters, massive brand promotional campaigns, educational content, interactive experiences, TV shows, news reports, charity fund-raising broadcasts, live events marketing, and so many more.

Starting Price: $9 per month

View Software

Reweb

Reweb is an AI-powered visual builder tailored for developers working with Next.js and Tailwind CSS. It enables users to swiftly generate user interfaces using AI, customize designs through an intuitive visual editor, and export clean, production-ready code compatible with Next.js, Tailwind, and shadcn/ui. The platform offers a range of features, including AI-generated components from prompts or images, a visual editor for real-time customization, and a library of pre-designed templates and sections to expedite project initiation. Additionally, Reweb supports Figma imports, allowing seamless transitions from design prototypes to functional code. Users can choose from various pricing plans, including a free 'hobby' tier for exploration and a 'pro' plan for advanced needs. Reweb is trusted by over 20,000 developers for its efficiency in bridging the gap between visual design and code implementation.

Starting Price: $12 per month

View Software

Rownd

Rownd is an innovative authentication platform designed to provide secure and user-friendly authentication methods for websites and mobile apps. By offering a variety of authentication options, such as email-based, SMS-based, social sign-ins, web3 wallets, and passkeys, Rownd simplifies the user experience while maintaining strong security measures. The platform features passwordless sign-ins, pre-built and fully customizable UI components, and quick integration through lightweight SDKs and APIs, accommodating both no-code tools and custom tech stacks. Rownd's adaptive authentication tailors the sign-in experience based on user devices, enhancing convenience and security. Additionally, it provides comprehensive user management with self-service profiles and an admin dashboard, along with powerful analytics to help teams understand user interactions and optimize sign-ins.

Starting Price: $50 per month

View Software

SEOwind

SEOwind is an all-in-one SEO content writing tool powered by advanced AI models, designed to streamline the creation of high-quality, data-driven content that ranks. Our platform employs a multi-agent AI system, integrating models like Claude 3.5, Gemini 1.5 Pro, Perplexity, and GPT-4o, to emulate a full marketing team, comprising a data researcher, SEO specialist, content writer, and editor, working cohesively to produce valuable content that drives traffic and revenue. With a research-first approach, SEOwind conducts in-depth SERP analysis, gathers real-time SEO data, and incorporates accurate statistics, quotes, and subject matter expert insights to ensure content credibility and relevance. Our unique CyborgMethod combines human-like content creation with Retrieval-Augmented Generation (RAG), facilitating the development of E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness) compliant articles.

Starting Price: $49 per month

View Software

Lingo.dev

Lingo.dev is an AI-powered localization platform designed to automate and streamline the translation process for web and mobile applications. It integrates seamlessly with development workflows, automating translations upon code commits to ensure high-quality results without manual intervention. The platform offers Git-native UI localization, enabling automated pull requests that keep translations synchronized within CI/CD pipelines. For dynamic and user-generated content, Lingo.dev provides real-time translation through its API and SDK, incorporating context awareness for accurate localization. Its composable infrastructure supports full-stack localization across product interfaces, marketing sites, automated emails, and dynamic content from the outset. Users can customize translations to reflect their brand's unique voice and industry-specific terminology, with advanced options suitable for scaling teams.

Starting Price: $30 per month

View Software

Devika

Devika is an open-source AI software engineer designed to understand high-level instructions, break them into steps, research relevant information, and write code to complete objectives. Using large language models, reasoning algorithms, and web browsing capabilities, Devika can assist in software development by taking on complex coding tasks with minimal human intervention. The platform supports multiple programming languages and offers key features like advanced AI planning, contextual keyword extraction, and dynamic agent tracking. Devika aims to be a competitive alternative to commercial AI tools, providing an ambitious, open-source solution for developers.

Starting Price: Free

View Software

Wasp

Wasp, Inc.

Wasp is a full-stack web application framework that allows developers to build apps faster with less boilerplate code. It integrates React for frontend development, Node.js for backend, and Prisma for database management, enabling developers to focus on the essential parts of their app. The framework’s declarative syntax and simplified configuration mean that developers can describe their app's high-level structure in a .wasp file, and the system automatically handles much of the repetitive work, including routing, authentication, and API management. Wasp's goal is to simplify app development without sacrificing flexibility, making it ideal for building MVPs and production-ready applications.

Starting Price: Free

View Software

Fynix

Fynix is an AI-powered platform designed to boost software development productivity through intelligent coding assistance and agent-based code reviews. It integrates directly into popular IDEs like VS Code and offers features such as context-aware autocomplete, natural language commands for code fixes and translations, and automatic code flow visualizations. Fynix’s Code Assistant helps developers write cleaner, more efficient code faster, while its upcoming Code Quality Agent will automate bug detection and enforce coding standards. With support for multiple programming languages and frameworks, and integrations with tools like Jira, Fynix is a versatile platform for improving coding efficiency and collaboration.

Starting Price: Free

View Software

Tad

Tad is a free (MIT Licensed) desktop application for viewing and analyzing tabular data. It is a fast viewer for CSV and Parquet files and SQLite and DuckDb databases that support large files. It's a Pivot Table for analyzing and exploring data. Internally, Tad uses DuckDb for fast, accurate processing. Designed to fit into the workflow of data engineers and data scientists. Tad includes updates to DuckDb 1.0, the ability to export filtered tables as Parquet (as well as CSV), a fix for formatting numbers in scientific notation, and other minor bug fixes and dependent package upgrades. A packaged installer for Tad is available for macOS (x86 and Apple Silicon), Linux, and Windows.

Starting Price: Free

View Software

OHIF Viewer

OHIF

The Open Health Imaging Foundation (OHIF) Viewer is an open source, web-based medical imaging platform designed to serve as a foundational framework for developing complex imaging applications. It is optimized for the rapid loading of extensive radiology studies by pre-fetching metadata and streaming imaging pixel data as required. It utilizes Cornerstone3D for efficient decoding, rendering, and annotation of medical images. Out-of-the-box compatibility with DICOMWeb-compliant image archives is provided, alongside a data source API for integration with archives using proprietary API formats. OHIF's plugin architecture facilitates the creation of task-specific workflow modes that can leverage existing core functionalities. The user interface, built with React.js and Tailwind CSS, is both aesthetically pleasing and designed for extensibility, with UI components available in a reusable component library.

Starting Price: Free

View Software

Kottster

Kottster is an open source, self-hosted Node.js admin panel that enables developers to create instant, customizable interfaces for managing database records. It supports databases, allowing users to connect their database and generate admin pages within minutes. It offers features like data viewing with pagination, sorting, filtering, and search capabilities; data management with options to add, edit, and delete records; and automatic detection of table relationships, including one-to-one, one-to-many, and many-to-many associations. Built on a modern tech stack comprising Node.js, React, Remix, Vite, Tailwind, and TypeScript, Kottster provides a smooth development experience. Developers can extend and customize the generated JavaScript and TypeScript code to fit specific project needs. It includes built-in authentication and user management, enabling role assignment, and access control for team collaboration.

Starting Price: Free

View Software

HeroUI

HeroUI is an AI-powered platform that enables users to generate production-ready React applications by simply providing prompts or screenshots. Built upon the open source HeroUI library, which boasts over 23,000 GitHub stars and 600,000 downloads, HeroUI combines design and code into a unified interface. Users can describe their desired UI, such as "responsive pricing page with three plans," and the platform will generate clean React code utilizing Tailwind CSS and HeroUI components. Features include manual code editing in developer mode, instant customization by selecting components and opening them in chat, and the creation of mobile-first layouts with clean semantics. HeroUI aims to streamline frontend development, allowing designers, developers, and founders to transition from concept to functional frontend code rapidly.

Starting Price: Free

View Software

GitSummarize

GitSummarize transforms any GitHub repository into a comprehensive AI-powered documentation hub, enhancing codebase understanding and collaboration. By simply replacing 'hub' with 'summarize' in a GitHub URL, users can generate detailed documentation for projects like React, Next.js, Transformers, VSCode, TensorFlow, and Go. It offers a rich web view-based chat interface for interactive engagement and implements a Git-based checkpoint system to track workspace changes during tasks. GitSummarize aims to streamline documentation processes and improve developer productivity.

Starting Price: Free

View Software

NocoBase

NocoBase is an extensibility-first, open source, self-hosted no-code development platform designed for developers and technical teams to rapidly build and customize complex business systems. Its architecture is data model-driven, separating the user interface from the data structure, allowing for the creation of multiple blocks and actions for the same table and record in any quantity and form. NocoBase supports main databases, external databases, and third-party APIs as data sources. It features a WYSIWYG interface with a one-click switch between usage and configuration modes, enabling users to compose suitable interfaces much like Notion. All functionalities are implemented as plugins using a microkernel architecture, allowing for extensive customization, including pages, blocks, actions, APIs, and data sources. NocoBase is written in TypeScript and utilizes mainstream technology stacks such as Node.js and React, ensuring transparency and control.

Starting Price: $800 per year

View Software

RxDB

RxDB is a local-first, NoSQL JavaScript database optimized for modern web and mobile applications. It enables offline-first functionality by storing data directly on the client using storage engines like IndexedDB, OPFS, SQLite, and more. RxDB offers real-time reactivity, allowing developers to subscribe to changes in documents, fields, or queries, ensuring that UI components update automatically as data changes. Its flexible replication engine supports syncing with various backends and custom endpoints. RxDB integrates seamlessly with frameworks and environments. Additional features include field-level encryption, schema validation, conflict resolution, backup and restore, attachments, and CRDT support. By reducing server load and providing low-latency local queries, RxDB enhances performance and scalability, making it ideal for applications that require real-time updates, offline access, and cross-platform consistency.

Starting Price: Free

View Software

Dexie

Dexie.js is a minimalistic and bulletproof IndexedDB wrapper library designed to simplify client-side storage. At only ~29k minified and gzipped, it offers a concise API that addresses the complexities of native IndexedDB, such as ambivalent error handling, poor queries, lack of reactivity, and code complexity. Dexie.js provides a well-thought-through API design, robust error handling, extendability, change tracking awareness, and extended KeyRange support, including case-insensitive search, set matches, and OR operations. It embraces the IndexedDB specification and all its features, allowing developers to use existing IndexedDB data without the need for data migration. Dexie.js supports composable real-time queries, enabling components to mirror the database in real-time across various front-end frameworks like React, Svelte, Vue, and Angular. With Dexie Cloud, developers can build consistent, authenticated, and access-controlled local-first apps with just a few lines of extra code.

Starting Price: Free

View Software

WatermelonDB

WatermelonDB is a reactive database framework designed to build powerful React and React Native apps that scale from hundreds to tens of thousands of records while remaining fast. It ensures instant app launch regardless of data volume, supports lazy loading to load data only when needed, and offers offline-first capabilities with synchronization to your own backend. It is multiplatform. Optimized for React, it allows easy integration of data into components and is framework-agnostic, enabling the use of its JavaScript API with other UI frameworks. Built on a robust SQLite foundation, WatermelonDB provides static typing with Flow or TypeScript and optional reactivity through an RxJS API. WatermelonDB addresses performance issues in complex applications by loading nothing until requested and performing all querying directly on SQLite on a separate native thread, ensuring most queries resolve instantly.

Starting Price: Free

View Software

Tiptap

Tiptap is a headless, open-source rich-text editor framework designed for developers building modern, collaborative applications. Built on ProseMirror, it offers a modular architecture with over 100 extensions, enabling the creation of custom editors tailored to specific user needs. Tiptap supports real-time collaboration through its open source backend, Hocuspocus, allowing multiple users to edit documents simultaneously with features like live cursors and offline editing. It also integrates AI capabilities, such as the content AI extension, which provides in-line text transformations and AI-driven suggestions to enhance content creation. Developers can further extend functionality with features like commenting systems, document management, and import/export options for formats like DOCX. Tiptap's UI components and React templates facilitate rapid development of editors resembling applications like Notion or Google Docs.

Starting Price: $49 per month

View Software

Vanilla JS

Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications. The Vanilla JS team takes pride in the fact that it is the most lightweight framework available anywhere; using our production-quality deployment strategy, your users' browsers will have Vanilla JS loaded into memory before it even requests your site. Vanilla JS is so popular that browsers have been automatically loading it for over a decade.

Starting Price: Free

View Software

Plate

Plate.js

Plate is a rich-text editor framework for React, designed to simplify complex text editing needs. Built with Slate.js and TypeScript, it offers a highly customizable and extensible editing experience. Plate provides a wide range of plugin packages that enhance the behavior, hooks, serialization, normalization, and other features of the editor. These plugins are "headless," meaning they are unstyled by default, allowing developers to style them as needed. It includes state management with Zustand stores, custom hotkeys, API methods, and transforms accessible through editor.api and editor.transforms. Plate also offers unstyled and accessible components based on Radix UI, serving as the foundation for building high-quality design systems. For those seeking a visually appealing interface, Plate provides pre-built styled components based on shadcn/ui, which can be customized to create a unique, accessible, and visually pleasing user interface.

Starting Price: Free

View Software

Radix UI

Radix UI is an open source component library optimized for fast development, easy maintenance, and accessibility. It offers two main packages, Radix Primitives and Radix Themes. Radix Primitives is a low-level UI component library focused on accessibility, customization, and developer experience. Components adhere to WAI-ARIA design patterns, are unstyled by default, and provide full keyboard navigation. Radix Themes is a pre-styled component library designed to work out of the box with minimal configuration. It includes layout primitives, typography, and components like buttons and cards, all customizable via the Theme component. Radix Colors offers a comprehensive, accessible color system for designing beautiful, accessible websites and apps. It supports automatic dark mode, transparent variants, and is designed for user interfaces. Radix Icons provides a crisp set of 15×15 icons available as individual React components.

Starting Price: Free

View Software

Headless UI

Headless UI is a library of completely unstyled, fully accessible UI components designed to integrate seamlessly with Tailwind CSS. It offers a range of components for both React and Vue. These components are built with accessibility in mind, adhering to WAI-ARIA design patterns and providing full keyboard navigation support. Because they are unstyled by default, developers have complete control over the look and feel, allowing for easy customization to match any design system. Headless UI components expose state information through data attributes and render props, enabling developers to conditionally apply styles based on component states such as focus, open, selected, or disabled. This approach ensures that the components are both flexible and accessible, making them suitable for building custom, high-quality user interfaces. With Headless UI, developers can create complex UI elements like modals, dropdowns, and tabs without sacrificing accessibility or design flexibility.

Starting Price: Free

View Software

React Aria

Adobe

React Aria is a library of unstyled React components and hooks that help you build accessible, high-quality UI components for your application or design system. It provides components for common UI patterns, with accessibility, internationalization, interactions, and behavior built in, allowing you to focus on your unique design and styling rather than rebuilding these challenging aspects. React Aria has been meticulously tested across a wide variety of devices, interaction modalities, and assistive technologies to ensure the best experience possible for all users. React Aria is style-free out of the box, allowing you to build custom designs to fit your application or design system using any styling and animation solution. Each component is broken down into individual parts with built-in states, render props, and slots that make styling a breeze. All components are extensively tested using many popular screen readers and devices.

Starting Price: Free

View Software

React Spectrum

Adobe

React Spectrum is a React implementation of Spectrum, Adobe’s design system. It provides components that are adaptive to interactions and screen sizes across devices, and includes full screen reader and keyboard navigation support for accessibility. React Spectrum components are designed to work with mouse, touch, and keyboard interactions. They’re built with responsive design principles to deliver a great experience, no matter the device. React Spectrum includes automatic support for dark and light modes based on operating system settings. React Spectrum components are designed to support over 30 languages, including support for right-to-left languages, date and number formatting, and more. It offers a comprehensive set of components, including buttons, pickers, collections, date and time inputs, color pickers, forms, navigation elements, overlays, status indicators, and content components.

Starting Price: Free

View Software

Ariakit

Ariakit is an open source library featuring unstyled, primitive components designed to help developers build accessible web applications with React. It provides a collection of styled examples that can be copied and pasted into applications. Ariakit's components are designed with accessibility in mind, supporting features like keyboard navigation and screen reader compatibility. It also offers integration examples with tools like Next.js App Router and React's useTransition for building responsive and accessible UIs. Developers can explore the documentation, component guides, and API references to get started.

Starting Price: Free

View Software

Base UI

Base UI is a library of headless ("unstyled") React components and low-level hooks, offering developers complete control over their application's CSS and accessibility features. Extracted from Material UI, these components are now available as a standalone package, providing the same robust engineering without implementing Material Design. Base UI includes prebuilt components with production-ready functionality and low-level hooks for transferring that functionality to other components. With Base UI, developers can rapidly build on top of foundational components using any styling solution they choose, no needing to override any default style engine or theme. It abstracts away aspects of UI development like accessibility, cross-browser compatibility, and event handling, allowing developers to focus on design implementation. Base UI's skeletal components give a sturdy foundation to apply custom styles with ease, supporting styling methods such as vanilla CSS, Tailwind CSS, etc.

Starting Price: Free

View Software

CSSPicker

CSSPicker is a versatile web development tool designed to streamline the process of extracting, converting, and generating front-end code. Its core features include a browser extension that allows users to copy HTML and CSS from any website, even from elements within iframes, and convert them into code snippets compatible with frameworks like React, Tailwind CSS, or plain HTML/CSS. It also offers an AI-powered UI generator that enables users to create user interfaces by describing their design ideas in natural language, which are then transformed into production-ready code. Additionally, CSSPicker provides an 'Image to Code' feature, allowing users to upload screenshots or images of UI designs and receive clean, responsive code in formats such as HTML/CSS or React. For developers working with legacy code or seeking to modernize their projects, CSSPicker's AI tools can assist in refactoring and optimizing existing UI components.

Starting Price: $9.90 per month

View Software

Magic UI

Magic UI is a free and open source UI library crafted for design engineers, offering over 150 animated components and effects built with React, TypeScript, Tailwind CSS, and Framer Motion. It serves as a perfect companion to shadcn/ui, enabling developers to create visually engaging landing pages and user interfaces with minimal effort. It includes a diverse range of components such as animated text, buttons, backgrounds, device mockups, and special effects like confetti and neon gradients. Magic UI Pro extends this offering with 50+ professionally designed blocks and templates tailored for various applications, including AI agents, developer tools, mobile apps, SaaS products, startups, and portfolios. These templates are built with React, Next.js, Tailwind CSS, and Framer Motion, ensuring responsive design and smooth animations.

Starting Price: Free

View Software

Kandio

Kandio is an online assessment platform designed to help companies build stronger tech teams by implementing FAANG-style interviews. It offers hiring tests written by the top 0.1% of experts globally, enabling organizations to make data-driven decisions and avoid hiring bias. With Kandio, you can invite candidates in seconds and see test results populate, allowing you to assess candidates, employees, agencies, or freelancers across various domains such as programming, digital marketing, and database management. It provides a broad catalog of tests that can be used standalone or combined, giving you the flexibility to tailor assessments to your specific needs. Kandio also offers features like educational plans to base future internal educational roadmaps on the actual skills of your team, salary negotiations that make skills a central factor, and the ability to increase team spirit by ensuring more qualified people on your team.

Starting Price: $99 per month

View Software

Convex

Convex is an open source, reactive backend platform that enables developers to build full-stack applications entirely in TypeScript. It offers a document-relational database where queries and mutations are written in TypeScript, ensuring end-to-end type safety and seamless integration with frontend code. Convex's libraries maintain real-time synchronization between the frontend, backend, and database state without the need for manual state management, cache invalidation, or WebSockets. It includes built-in support for cloud functions, scheduling, authentication, file storage, and a variety of components that can be added with a simple npm i command. Developers can define their entire backend, including database schemas, queries, and APIs, in code, which is typechecked and autocompleted, and can be generated by AI with high accuracy. Convex's architecture ensures that all transactions are serializable, providing strong consistency guarantees and eliminating race conditions.

Starting Price: $25 per month

View Software

UploadThing

UploadThing is an open source file upload solution designed for full-stack TypeScript applications. It simplifies the process of adding file uploads by allowing developers to define File Routes that specify the types of files allowed, their sizes, and quantities. It provides SDKs for various frameworks, including Next.js, Astro, SolidStart, SvelteKit, and Nuxt, as well as backend adapters for Express, Fastify, H3, and others. Client-side uploads are facilitated through components and hooks, enabling seamless integration with frontend frameworks like React and Vue. UploadThing emphasizes a balance between security and simplicity by handling authentication on the developer's server while managing the upload process on its own infrastructure. This approach allows for server-side authorization without the need to process files on the developer's server.

Starting Price: $10 per month

View Software

React Integrations

438 Integrations with React

SaaS Forge

daisyUI

MetaMate

Magic Patterns

SVAR UI

Cline

Defang

tldraw

ReactAI

TestDriver

Superinterface

Authelia

OpenBolt.dev

Progressier

21st.dev

Impler

LuGo-Test

Codev

LiveKit

Phaser

Reweb

Rownd

SEOwind

Lingo.dev

Devika

Wasp

Fynix

Tad

OHIF Viewer

Kottster

HeroUI

GitSummarize

NocoBase

RxDB

Dexie

WatermelonDB

Tiptap

Vanilla JS

Plate

Radix UI

Headless UI

React Aria

React Spectrum

Ariakit

Base UI

CSSPicker

Magic UI

Kandio

Convex

UploadThing

Related Categories

Related Categories That Integrate With React