Introduction

Fancy ReactUI is a comprehensive React component library that combines beautiful loading animations with essential UI components. It's designed to provide both aesthetic appeal and practical functionality for modern React applications.

Features

Loading Animations

• 20+ customizable loading spinners
• Smooth animations
• Configurable sizes and colors
• Loading overlays
• Progress indicators

UI Components

• Forms

  • Form validation
  • Field components (Input, Select, Checkbox)
  • Custom rules and validation
  • Error handling
  • Form context

• Tables

  • Sortable columns
  • Pagination
  • Row selection
  • Custom cell rendering
  • Loading states
  • Fixed columns

• Modals

  • Customizable sizes
  • Header and footer sections
  • Close on overlay click
  • Keyboard support (Esc to close)
  • Focus management
  • Portal rendering

• Buttons

  • Multiple variants (primary, secondary, text)
  • Different sizes
  • Loading states
  • Icon support
  • Disabled states

• Cards

  • Flexible content layout
  • Header and footer sections
  • Hover effects
  • Shadow variants
  • Border options

Key Benefits

• 🎨 Beautiful Design: Carefully crafted components with attention to detail
• 🛠️ Highly Customizable: Extensive props and CSS variables for styling
• 📱 Responsive: Works seamlessly across all device sizes
• 🌗 Dark Mode: Built-in dark mode support
• ⌨️ Accessible: ARIA support and keyboard navigation
• 💻 TypeScript: Full TypeScript support with type definitions
• 📦 Tree-Shakeable: Import only what you need
• 🚀 Performance: Optimized for performance

Design Principles

1. Simplicity: Easy to use, with sensible defaults
2. Flexibility: Highly customizable when needed
3. Performance: Lightweight and optimized
4. Accessibility: Built with a11y in mind
5. Consistency: Unified design language

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Opera (latest)

Ecosystem

• 📘 Comprehensive documentation
• 🎯 TypeScript support
• 🔧 Modern tooling (React 18+)
• 🎨 CSS-in-JS support
• 🌙 Dark mode

Getting Started

Check out our Quick Start guide to begin using Fancy ReactUI in your project.

License

Fancy ReactUI is released under the MIT License.