Introduction
UI Components by DevRedBox
A collection of UI components built on top of shadcn/ui. Components are categorised by type — Cards, Texts, Buttons, Accordions, and more. Some are complex compositions, others are customized shadcn/ui components with a different look and better animations.
Project Requirements
The following setup is assumed before using any component from this library:
- A React project with shadcn/ui installed and configured.
- The
cnhelper function available in your project. - Tailwind CSS set up and working.
Packages
The following packages are used across components:
Source Code
All source codes are available in TypeScript and TSX.
UI Blocks
You migh need a UI block
Pricing Cards
Various pricing cards built with the Cards component of shadcn/ui. Non-shadcn versions are included too.
Last Update: 14 May 2026 at 5:43 AM