Introduction
DevRedBox provides reusable ui components for react, nextjs and shadcn/ui projects. Free to be used in SaaS user interfaces.
Components are available in multiple formats including TSX, JSX, HTML/CSS, and shadcn/ui components, with complete source code provided for easy integration into your React, Next.js, or any other frontend framework.
Multiple Code Formats
Every component in this library is carefully crafted to work across different development environments. Some elements are available in all three formats — TSX, JSX, and HTML/CSS — giving you complete flexibility in how you build.
While our most popular React UI components come in all three formats, some specialized components are currently available in a single format. We’re continuously expanding format availability based on your needs.
React and NextJs
Build consistent, professional interfaces with our collection of essential React UI components. From buttons and input fields to dialogs and cards, every component is reusable and comes with multiple style variations to maintain design consistency while adapting to your specific needs.
Beyond the basics, explore our advanced React components including marquee animations, animated modals, cursor trackers, and interactive elements that add polish to any project. These React UI components are designed for modern SaaS web applications, work seamlessly with Next.js, and are optimized for performance.
All React UI components are fully responsive and optimized for performance across devices.
Components are available for ReactJs, NextJs, Tailwind CSS, shadcn/ui, and plain HTML/CSS.
Marquee Animations
shadcn/ui
This library also includes UI components built using shadcn/ui. These combine the power of shadcn’s accessible component primitives with additional styling and functionality, providing enhanced, production-ready elements that maintain shadcn’s design principles while offering more features out of the box.
Pricing Card