React Aria
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.
Learn more
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.
Learn more
Quest
Generate ReactJS code from your design. Clean, extendable, just like you would hand code. Push to your repo and launch. Our AI models generate real, useful code. It incorporates all the things professional developers care about. Use our chat prompt to modify styling, write business logic & connect to your backend. Bring in your custom designs. Quest generates code components incorporating design systems and component libraries. Preview your app and push to your GitHub and launch it when ready. Quest was built with developers in mind. It automates the tedious parts of building an app, yet gives you full control so you can build whatever you want. Generate clean code per the best of industry standards. Extend it to add your own use cases or business logic. Native support for MUI, Chakra & Ant (coming soon) or effortlessly integrate your own or any design system. Download the code or push it to your GitHub. Do whatever you want with it. Quest generates industry-standard React components.
Learn more
SaaS UI
Saas UI is a purpose-built toolkit designed to expedite the development of high-quality applications by providing a comprehensive suite of React components and starter kits. It offers over 40 open-source components, including authentication screens compatible with services like Clerk, Supabase, and Magic, fully functional forms utilizing React Hook Form, and data tables powered by React Table. Built atop industry-leading libraries such as Chakra UI, React Query, and Recharts, Saas UI ensures accessibility by adhering strictly to WAI-ARIA standards and supports full customization through theming and style props. The platform includes a Figma design system, aligning design and development processes seamlessly. Saas UI Pro extends these capabilities with advanced components and tools for billing, onboarding, feature management, and sign-up flows, accompanied by a boilerplate app compatible with Next.js and Electron.
Learn more