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 geeks-ui-framework@2.0.0

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/geeks-ui-framework@2.0.0/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

🤝 Contributing

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

📧 Support

📧 Email: joey@tech-center.com
🐙 GitHub: Issues
🌐 Website: tech-center.com

Package detail

geeks-ui-framework

readme