Geeks UI Framework v2.0

A modern, lightweight CSS framework with 15+ components for developers. Build beautiful interfaces with minimal effort.

🚀 Quick Start

NPM Installation

npm install [email protected]

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/geeks-ui.min.css">

Download

Download the latest release from our GitHub repository.

📖 Usage

Import in your project

CSS

@import 'geeks-ui-framework/dist/geeks-ui.css';

HTML

<link rel="stylesheet" href="node_modules/@geeksui/framework/dist/geeks-ui.min.css">

JavaScript/TypeScript

import '@geeksui/framework/dist/geeks-ui.css';

Components

Alerts

<div class="alert alert-primary">Primary alert</div>
<div class="alert alert-warning">Warning alert</div>
<div class="alert alert-success">Success alert</div>

Buttons

<button class="btn btn-primary">Primary</button>
<button class="btn btn-secondary">Secondary</button>
<button class="btn btn-outline-primary">Outline</button>

Layout

<div class="container">
  <h1>Your content here</h1>
</div>

🎨 Customization

Override CSS variables to customize the framework:

:root {
  --geeks-ui-primary: #your-color;
  --geeks-ui-secondary: #your-color;
  /* Override any variable */
}

📦 What's Included

@geeksui/framework/
├── dist/
│   ├── geeks-ui.css
│   └── geeks-ui.min.css
├── src/
│   ├── variables.css
│   ├── alerts.css
│   ├── buttons.css
│   ├── layout.css
│   ├── navigation.css
│   └── footer.css
└── package.json

🌐 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

📄 License

MIT © Joey Cadieux

🤝 Contributing

1. Fork the repository
2. Create your feature branch: git checkout -b feature/amazing-feature
3. Commit your changes: git commit -m 'Add amazing feature'
4. Push to the branch: git push origin feature/amazing-feature
5. Open a Pull Request

📧 Support

• 📧 Email: [email protected]
• 🐙 GitHub: Issues
• 🌐 Website: tech-center.com