Codervent UI Blocks
Description
Codervent UI Blocks is a growing collection of 180+ production-ready components built with shadcn/ui, Tailwind CSS v4, and TypeScript. Works with both React (Vite) and Next.js 16 — no CLI, no registry, no extra dependencies. Find a block, copy the source, paste it into your project, and ship.
From stat cards and charts to full authentication flows, every block follows the same patterns you already use in shadcn/ui — so it drops into an existing project without a rewrite.
What’s Included
- 180+ copy-paste UI blocks across 18 categories
- Works with React (Vite) and Next.js 16
- shadcn/ui component library
- Tailwind CSS v4
- TypeScript throughout
- Authentication pages (login, register, forgot password, reset password)
- Sidebar layouts with collapsible navigation
- Responsive navbars with dropdown menus
- 34 stats card variants
- Sparkline KPI cards with embedded charts
- Advanced stats and data widgets
- 12 chart components (Recharts)
- Sortable, filterable, paginated data tables
- Form layouts with validation states
- Alert and notification components
- List groups with avatars and badges
- Image cards for blogs and portfolios
- Account settings and profile pages
- Chat, invoice, and file manager pages
- Error pages (404, 500, maintenance)
- Dark mode and light mode on every block
- Full documentation with copy-ready code
- Free updates — new blocks added regularly
Perfect For
- SaaS dashboards and admin panels
- Internal tools and CRM systems
- Landing pages and marketing sites
- Side projects and MVPs
- Agencies building for multiple clients
Technologies
- React 19
- Next.js 16
- shadcn/ui
- Tailwind CSS v4
- TypeScript
- Recharts
- TanStack Table
Sources and Credits
- React — https://react.dev
- Next.js — https://nextjs.org
- shadcn/ui — https://ui.shadcn.com
- Tailwind CSS — https://tailwindcss.com
- TypeScript — https://www.typescriptlang.org
- Recharts — https://recharts.org
- TanStack Table — https://tanstack.com/table
- Lucide Icons — https://lucide.dev
Support
Email: codervent@gmail.com
Response time: within 24 hours on business days.
