RigidUI

A collection of enterprise-grade UI components for React and Next.js applications, built on top of shadcn/ui.

Features

• 🧩 Enterprise-ready components - Complex components for real-world applications
• 🔌 Powered by shadcn/ui - Built on the shadcn/ui methodology
• 📦 Registry-based - Install only what you need
• 🎨 Customizable - Tailwind CSS for styling flexibility
• 🌓 Dark mode support - Beautiful in light and dark
• ⚡ Fast development - Speed up your workflow with pre-built complex components
• 📱 Responsive - Mobile-first design approach
• ♿ Accessible - Built with accessibility in mind

Components

RigidUI extends shadcn/ui with additional enterprise-grade components:

• Currency Manager - Multi-currency conversion and display system
• File Explorer - Hierarchical file system browser with syntax highlighting
• File Uploader - Drag and drop file upload with previews and validation
• Infinite Scroll - Efficiently load large datasets with infinite scrolling
• Location Picker - Geographic location selection with search functionality
• Multi-Step Form Wrapper - Guided step-by-step form interfaces
• Notification Center - Notification management system
• Password Strength Meter - Visual password strength evaluation component

Installation

Prerequisites

RigidUI components require a project with the following setup:

• ✅ Tailwind CSS installed and configured
• ✅ shadcn/ui initialized in your project
• ✅ TypeScript support

Install Components

Add RigidUI components to your project with a single command:

# Currency Manager
npx shadcn@latest add https://rigidui.com/r/currency-manager.json

# Draggable Dashboard
npx shadcn@latest add https://rigidui.com/r/draggable-dashboard.json

# File Explorer
npx shadcn@latest add https://rigidui.com/r/file-explorer.json

# File Uploader
npx shadcn@latest add https://rigidui.com/r/file-uploader.json

# Infinite Scroll
npx shadcn@latest add https://rigidui.com/r/infinite-scroll.json

# Location Picker
npx shadcn@latest add https://rigidui.com/r/location-picker.json

# Multi-Step Form Wrapper
npx shadcn@latest add https://rigidui.com/r/multi-step-form-wrapper.json

# Notification Center
npx shadcn@latest add https://rigidui.com/r/notification-center.json

# Password Strength Meter
npx shadcn@latest add https://rigidui.com/r/strength-meter.json

# Smart Form
npx shadcn@latest add https://rigidui.com/r/smart-form.json

# Smart Search
npx shadcn@latest add https://rigidui.com/r/smart-search.json

That's it! Components will be added to your components/ui directory and are fully customizable.

Next Steps

Once you have RigidUI components installed:

• Browse Components - Explore all available components with live examples in our documentation
• View on GitHub - Star the repo and contribute to the project at github.com/FgrReloaded/rigidui

Documentation

Visit our documentation site for detailed usage examples and API references:

RigidUI Documentation

Development

To set up the development environment:

# Clone the repository
git clone https://github.com/FgrReloaded/rigidui.git
cd rigidui

# Install dependencies
npm install

# Start development server
npm run dev

Contributing

We welcome contributions! Please see our Contributing Guidelines for details on how to submit components, report issues, and more.

License

RigidUI is licensed under the MIT License.