Geeks UI Framework - Official Website

🚀 Live Website: geeksui.github.io

The official website and documentation for Geeks UI Framework v2.0.2 - A modern, lightweight CSS framework with 15+ beautiful components designed for developers who want to build stunning interfaces quickly and efficiently.

🌟 About Geeks UI Framework

Geeks UI is a comprehensive CSS framework that provides:

• ⚡ Lightning Fast: Optimized CSS with minimal file size (12KB minified)
• 📱 Mobile First: Responsive design that looks great on all devices
• 🎨 Customizable: Easy to customize with CSS variables
• 🔧 Developer Friendly: Simple class names and clear documentation

🛠️ Quick Installation

NPM Installation

npm install geeks-ui-framework@2.0.2

CDN Usage

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/geeks-ui-framework@2.0.2/dist/geeks-ui.min.css">

Latest Version CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/geeks-ui-framework@latest/dist/geeks-ui.min.css">

🎨 Component Library

The framework includes 15+ ready-to-use components:

Core Components

• Buttons - Primary, Secondary, Success, Danger variants
• Forms - Input fields, labels, form groups
• Cards - Header, body, footer sections
• Alerts - Success, Warning, Danger notifications

Advanced Components

• Navigation - Responsive navbar with brand and nav links
• Modal - Dialog boxes with header, body, and footer
• Tabs - Tabbed content interface
• Accordion - Collapsible content sections
• Dropdown - Contextual menus and actions
• Progress Bars - Visual progress indicators
• Badges - Small status indicators
• Tooltips - Contextual help text

🏗️ Website Structure

This repository contains the official marketing website built with:

• index.html - Main landing page with component showcase
• Modern CSS with gradient backgrounds and animations
• Responsive design optimized for all screen sizes
• Interactive component demonstrations
• Professional styling with backdrop filters and smooth transitions

Key Sections

1. Hero Section - Framework introduction with quick stats
2. Features - Why choose Geeks UI
3. Component Showcase - Interactive demos of all components
4. Quick Start - Installation and usage instructions
5. Footer - Links to documentation and community resources

🚀 Development

Local Development

1. Clone the repository
2. Open index.html in your browser
3. Make changes to the HTML/CSS as needed

Dependencies

• Geeks UI Framework CSS (included via CDN)
• No additional JavaScript frameworks required

📚 Documentation & Resources

• 📖 Full Documentation
• 📦 NPM Package
• 🐛 Report Issues
• 💬 Discussions
• 🎯 Examples

🤝 Contributing

We welcome contributions! Please see our Contributing Guide and Code of Conduct.

📄 License

This project is licensed under the MIT License.

🌐 Community

• 🏠 Geeks UI Website
• 📚 GitHub Repository
• 🐦 Follow Us
• ✉️ Contact Us

---

Built with ❤️ for the developer community by Geeks UI Framework

© 2025 Geeks UI Framework. All rights reserved.