#What is aevr/ui?

aevr/ui is a lightweight, TypeScript-first component library crafted for React developers and teams leveraging shadcn/ui who need to quickly bolt on polished, extensible UI elements to their Next.js applications, saving hours on custom implementations. Its core value is providing a frictionless extension to your existing shadcn setup—install via a single CLI command, customize with CVA for variants, and ship production-ready interfaces that feel native to your design system. Powered by React, TypeScript, Tailwind CSS, and shadcn/ui primitives, it's perfect for use-cases like assembling responsive dashboards, enhancing e-commerce product grids, streamlining form loaders, or prototyping informational UIs—anywhere you want consistent, performant components without the overhead of a full library overhaul.

#Features ⚡

• One-Command Installation: Use npx shadcn@latest add to pull components directly into your project, auto-configuring registry and dependencies for instant usability.

• Customizable via CVA: Define variants for sizes, colors, and states with class-variance-authority, ensuring components adapt seamlessly to your Tailwind themes.

• TypeScript-Native: Full type safety across all props and utilities, with inline docs for props like children, className, and variant—error-free development guaranteed.

• Utility Functions: Built-in helpers like number formatters for currency display, leveraging libraries such as iso-country-currency for global-ready formatting.

• RSC Compatibility: Optimized for React Server Components in Next.js 13+, allowing server-side rendering of components without hydration mismatches.

• Icon and Animation Support: Integrates iconsax-react for scalable icons and tw-animate-css for subtle, performant transitions in loaders and interactive elements.

#Pros ✅

• Lightning-fast setup integrates perfectly with shadcn/ui, slashing boilerplate for familiar workflows

• TypeScript and CVA combo delivers robust, themeable components that scale with your app

• Production-oriented design with modern deps ensures reliability in real-world deploys

• Community-accessible via GitHub for quick fixes and contributions, keeping it agile

• Zero bloat—tree-shakable and lightweight, enhancing performance without bundle creep

#Cons ⚠️

• Requires an existing shadcn/ui and Next.js 13+ setup, adding a prerequisite for new projects

• Smaller collection (5+ components) means it's an extender, not a standalone library for comprehensive needs

• Lacks built-in accessibility audits or advanced testing utils, relying on shadcn's foundations

#Included Components - Templates

• Button: Versatile, variant-rich button with loading states and icon slots for CTAs and actions

• InfoBox: Alert-style box for notifications, tips, or warnings with customizable severity levels

• Loader: Animated spinner variants (dots, bars) for async states in forms or data fetches

• Card: Flexible container with header, content, and footer slots, plus CardGrid for masonry layouts

• Number Formatter Utility: Helper for locale-aware currency and number display, e.g., $1,234.56 or €1.234,56

#Pricing 💸

aevr/ui is completely free and open-source, distributed via a public registry with no tiers, subscriptions, or hidden costs—install and use unlimited for personal, open-source, or commercial projects. Access everything through npm/shadcn CLI at zero expense, with community support via GitHub issues.

#Integrations 🧰

• UI Foundations: shadcn/ui for primitives and styling consistency

• Frameworks: Next.js 13+ with App Router and RSC support

• Styling: Tailwind CSS for utility classes and CSS variables

• Icons/Animations: iconsax-react for SVGs, tw-animate-css for transitions

• Utilities: iso-country-currency for formatting, @untools/logger for dev logging

• Build Tools: Configured via components.json for CLI-based registries