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.

2.1 KiB Raw Blame History