Adopta Un Abuelo React Components
A production-ready component library with 40+ customizable React components
Why Choose This Library?
Build beautiful, accessible user interfaces with components that just work.TypeScript First
Full TypeScript support with comprehensive type definitions for excellent IDE integration and type safety
Styled Components
Built on styled-components with a flexible theming system for easy customization
Variant System
Multiple design variants per component (primary, secondary, text) for maximum flexibility
Accessible by Default
Components built with accessibility in mind, following best practices and ARIA guidelines
Quick Start
Get up and running in under 2 minutes.Installation
Install the package and peer dependencies
Quickstart Guide
Build your first component in minutes
API Reference
Explore all component props and APIs
Component Categories
Browse components by category to find what you need.Form Components
Buttons, inputs, selects, checkboxes, switches, and more form controls
Display Components
Typography, avatars, labels, progress bars, and visual feedback
Navigation
Breadcrumbs, menus, tabs, and pagination for site navigation
Interactive
Modals, dropdowns, filters, and other interactive UI elements
Key Features
40+ Components
Comprehensive set of production-ready components covering all common UI patterns
Lottie Animations
Built-in loading and success animations for enhanced user feedback
Optional Integrations
Google Maps, Stripe, and Tiptap rich text editor integrations available
Storybook Docs
Interactive component documentation with live examples and tests
Advanced Features
Extend functionality with optional integrations.Google Maps
Location input with autocomplete
Stripe Payments
Payment and payout components
Rich Text Editor
Tiptap-powered text editing