A production-ready React + Tailwind UI component library.
- Reusable UI components
- Layout blocks (Hero, Pricing)
- Dark / Light mode
- Docs with live preview
- Favorites system
- Toast & Modal system
- Auth-ready architecture
- Modern effects: 3D cards, textured backgrounds, scroll animations
- Lightweight & Open Source (no heavy dependencies like Three.js)
- Scroll-triggered animations using Intersection Observer
- React
- Vite
- Tailwind CSS
- React Router
- Context API
git clone https://github.com/your-username/ui-component-lab.git
cd ui-component-lab
npm install
npm run dev
📚 Components
**UI Components:**
- Button
- Accordion
- Card
- Badge
- Modal
- Toast
- 3D Card (Lightweight CSS-based 3D tilt effect)
- Textured Background (CSS patterns: dots, grid, lines, gradients, mesh)
- Scroll Reveal (Scroll-triggered animations)
**Blocks:**
- Hero
- Pricing
- Grid
🌙 Theme
Supports dark and light mode.
📄 License
MIT
---
## Setup
```bash
npm install
npm run dev
------------------------------
Rules
• Use functional components only
• Use Tailwind utilities
• Keep components reusable
• No inline styles
• Follow existing folder structure
-----------------------------
Commit Format
feat: add new component
fix: bug fix
refactor: cleanup
---------------------------------
Pull Requests
• One feature per PR
• Add docs page if component added
• Ensure dark mode compatibility