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: [email protected]

Response time: within 24 hours on business days.