Corrad UI 2025 🚀
A modern, feature-rich UI component library built with Nuxt 3, designed for creating beautiful and responsive web applications. Corrad UI combines the power of Vue 3 with the flexibility of Tailwind CSS to deliver a seamless development experience.
✨ Features
- 🎨 25+ Modern UI Components - From basic buttons to complex data tables
- 🌓 Light/Dark Theme - Built-in theme switching capability
- 🌐 RTL Support - Full Right-to-Left layout support
- 📱 Responsive Design - Mobile-first approach for all components
- 🔧 Customizable - Easy to customize with Tailwind CSS
- 📝 Form Handling - Integrated FormKit with custom styling
- 🎯 TypeScript Support - Full type safety and better DX
- ⚡ Auto-imports - Zero-config component importing
🎯 Components
View Component List
-
Layout
- Accordion
- Card
- Modal
- Tabs
- Separator
-
Data Display
- Table
- Data Table
- Avatar
- Badge
- Progress
-
Navigation
- Breadcrumb
- Dropdown
- Context Menu
- Stepper
-
Feedback
- Alert
- Toast
- Tooltip
- Hover Card
- Popover
-
Media
- Carousel
- Skeleton
-
Utils
- Scroll Area
- Theme Switcher
- Button
🚀 Getting Started
Prerequisites
- Node.js 16.x or later
- pnpm (recommended) or npm
Installation
# Clone the repository
git clone https://github.com/corrad-software/corrad-2025.git
# Navigate to project directory
cd corrad-2025
# Install dependencies
pnpm install
Development
# Start development server
pnpm dev
# Build for production
pnpm build
# Preview production build
pnpm preview
📖 Documentation
Each component comes with comprehensive documentation and examples:
- Basic usage
- Props API
- Events
- Customization options
- Live examples
🎨 Customization
Tailwind Configuration
Customize the design system by modifying tailwind.config.js
:
module.exports = {
theme: {
extend: {
colors: {
// Your custom colors
},
// Other theme extensions
}
}
}
FormKit Theme
Customize form elements through formkit.theme.js
.
🛠️ Project Structure
corrad-2025/
├── components/ # UI Components
├── composables/ # Vue composables
├── layouts/ # Page layouts
├── pages/ # Application routes
├── plugins/ # Nuxt plugins
├── stores/ # State management
├── assets/ # Static assets
├── public/ # Public files
└── server/ # Server-side code
🤝 Contributing
Contributions are welcome! Please read our contributing guidelines before submitting pull requests.
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgments
- Built with Nuxt 3
- Styled with Tailwind CSS
- Forms powered by FormKit
Description
Languages
Vue
95.2%
JavaScript
4.2%
CSS
0.4%
TypeScript
0.2%