Inteliq UI Kit - React.js Project
A modern React.js project built with Vite and TypeScript, implementing a comprehensive UI kit based on Figma designs.
🚀 Features
- ⚡ Lightning Fast - Built with Vite for optimal performance
- 🛡️ Type Safe - Full TypeScript support
- 📱 Responsive - Mobile-first design approach
- 🎨 Modern UI - Clean and modern component library
- 🔧 Customizable - Easy theming with Tailwind CSS
- ♿ Accessible - Built with accessibility in mind
🛠️ Tech Stack
- React 18 - Modern React with hooks
- TypeScript - Type safety and better DX
- Vite - Fast build tool and dev server
- Tailwind CSS - Utility-first CSS framework
- Lucide React - Beautiful and consistent icons
📦 Installation
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Build for production:
npm run build
🏗️ Project Structure
src/
├── components/ # React components
│ ├── ui/ # Reusable UI components
│ ├── Header.tsx # Navigation header
│ ├── Hero.tsx # Hero section
│ ├── Features.tsx # Features showcase
│ └── Footer.tsx # Footer component
├── lib/ # Utility functions
├── assets/ # Static assets
└── App.tsx # Main application component
🎨 Components
Header
- Responsive navigation
- Mobile menu toggle
- CTA button
Hero Section
- Compelling headline
- Call-to-action buttons
- Statistics display
- Animated placeholder design
Features
- Grid layout
- Icon-based feature cards
- Hover effects
- Responsive design
Footer
- Multi-column layout
- Social media links
- Company information
- Legal links
🚀 Getting Started
The project is ready to run! Simply use:
npm run dev
Then open http://localhost:5173 to view it in your browser.
📄 License
This project is open source and available under the MIT License.