Introducing ReUI: Open-source full-stack UI Components built with React, Next.js and Tailwind CSS

Shuh — Mon, 03 Mar 2025 06:13:38 +0000

Hey, dev.to crew! 👋

I’m excited to share something we at @keenthemes have been working on a new open-source library called ReUI,an open-source collection of copy-and-paste UI components and fully functional apps built with React, Next.js and Tailwind CSS.

What’s ReUI All About?

ReUI is designed to take the grunt work out of building full-stack apps. It’s packed with everything you need to get a Next.js project up and running with a fully functional CRUD system—no fuss, no muss. Here’s the stack we’re working with:

Frontend: Next.js 15, React 19, Radix UI, Tanstack and Tailwind CSS 4 for a sleek, modern UI.
Backend: Next.js API routes paired with Prisma ORM for smooth data handling.
Database: PostgreSQL, hooked up via Prisma and Supabase for a reliable, scalable foundation.
Foundation: 50+ high-quality, copy-and-paste React components with RTL/Dark mode support to jumpstart your UI builds.

Think of it as a starter kit that’s ready to roll but flexible enough to bend to your project’s needs. Whether you’re prototyping a side hustle or building something production-ready, ReUI’s got your back.

What’s Inside?

Pre-built app with operations (create, read, update, delete) wired up and ready to use.
A clean, responsive frontend with Tailwind styling.
Backend API routes that play nice with Prisma and PostgreSQL.
Easy integration with Supabase for database management.

It’s all open-source, so you can dive into the code, tweak it, or even contribute.

UI Components

About a year ago, I started digging into Shadcn, and honestly, I fell in love with it. The simplicity, the elegance, the way it just worked—it was a game-changer for building clean UIs fast. That sparked an idea: why not take that inspiration and create my own set of components? But I didn’t want to stop at just UI pieces. I wanted something bigger—a full toolkit tailored for CRUD apps. So, ReUI was born. It includes 50+ beautifully crafted React components, Shadcn inspired but leveled up with more flexibility. Each component comes with multiple variants, styles, and customization options, giving you the freedom to tweak them to fit your vibe without any hassle.

Abstraction

ReUI uses Next.js API routes to power full-stack apps, blending frontend and backend logic seamlessly. Don’t vibe with Next.js on the backend? No problem—the API is portable to stacks like Nest.js, Django REST Framework, ASP.NET Core, Laravel, FastAPI, Spring Boot, Ruby on Rails, or any HTTP-speaking backend. The React frontend is just as flexible, easily porting to Vite, Remix, TanStack Start, Create React App, Astro, Gatsby, and more. Pick your tools, and ReUI adapts.

Let’s Try It Out

Getting started is super easy. Clone the repo, install the dependencies, hook up your Supabase instance, and you’re off to the races. In just a few commands, you’ll have a working CRUD app you can start customizing. Head over to the Installation Guide for the full rundown. I’ll also be posting a follow-up with a step-by-step walkthrough soon, so stay tuned if you want a guided tour.

What’s Next?

This is just the kickoff for ReUI! We’re gearing up to supercharge it with advanced CRUDs like CRM, ERP, eCommerce, FinTeck modules, plus a richer set of UI components and templates. Our goal is turn ReUI into your one-stop library for building entire apps quicker than ever before.

Join ReUI!

Ready to give ReUI a spin? Head over to the ReUI Repo, fork it, play around, and let us know what you think.

DEV Community: Shuh