https://github.com/ravikisha/dronaui
DronaUI is a modern, lightweight CSS framework inspired by popular frameworks like Bootstrap. It focuses on performance, scalability, and ease of use, providing developers with powerful tools to build responsive, customizable, and beautiful user interfaces.
https://github.com/ravikisha/dronaui
css css-framework hacktoberfest hacktoberfest2024 ui
Last synced: 4 months ago
JSON representation
DronaUI is a modern, lightweight CSS framework inspired by popular frameworks like Bootstrap. It focuses on performance, scalability, and ease of use, providing developers with powerful tools to build responsive, customizable, and beautiful user interfaces.
- Host: GitHub
- URL: https://github.com/ravikisha/dronaui
- Owner: Ravikisha
- License: mit
- Created: 2024-04-06T05:47:16.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-26T18:47:15.000Z (8 months ago)
- Last Synced: 2024-11-16T03:44:25.261Z (6 months ago)
- Topics: css, css-framework, hacktoberfest, hacktoberfest2024, ui
- Language: SCSS
- Homepage:
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# DronaUI
DronaUI is a modern, lightweight CSS framework inspired by popular frameworks like Bootstrap. It focuses on performance, scalability, and ease of use, providing developers with powerful tools to build responsive, customizable, and beautiful user interfaces.
## Features
- **Responsive Grid System**: Easy to create flexible layouts.
- **Customizable Components**: Buttons, forms, cards, modals, and more.
- **Sass-Powered**: Fully customizable with variables and mixins.
- **Lightweight**: Minimal footprint and optimized for performance.
- **Cross-Browser Support**: Works seamlessly in modern browsers.
## Installation
You can easily install DronaUI using npm:
```bash
npm install dronaui
```
Or include it directly via CDN:
```html
```
## Usage
To start using DronaUI, include the CSS file in your HTML file:
```html
Hello, world!
Click me
```
## Customization
DronaUI is built with Sass, allowing easy customization. Modify the existing Sass variables to change the design:
```scss
$primary-color: #4CAF50;
$secondary-color: #FFC107;
@import "dronaui.scss";
```
## Development
To contribute or modify DronaUI, clone the repository and install dependencies:
```bash
git clone https://github.com/Ravikisha/DronaUI.git
cd DronaUI
npm install
```
Compile the Sass files by running:
```bash
npm run build
```
## Works TODO
- [x] Padding
- [x] Margin
- [ ] Space Between
- [x] Responsive
- [ ] Text Format
- [ ] Colors
- [ ] Text Color
- [ ] Background Color
- [ ] Font
- [ ] Font Size
- [ ] Font Family
- [ ] Font Style
- [ ] Image Styles
- [ ] Animations
- [ ] Border
- [ ] Shadows
- [ ] Buttons
- [ ] Forms
- [ ] Cards
- [ ] Modals
- [ ] Alerts
- [ ] Navbars
- [ ] Dropdowns
- [ ] Tabs
- [ ] Pagination
- [ ] Progress Bars
- [ ] Tooltips
- [ ] Notifications
- [ ] Accordions
- [ ] Carousels
- [ ] Sliders
- [ ] Tables
- [ ] Grid System
- [ ] Flexbox
- [ ] Utilities
- [ ] Accessibility
- [ ] JavaScript Utilities
## Roadmap
- [ ] Add additional UI components (e.g., tooltips, notifications).
- [ ] Improve accessibility features.
- [ ] Add JavaScript utilities for interactive components.
## Contributing
Contributions are welcome! Please submit a pull request or open an issue to discuss any changes you would like to make.
## License
DronaUI is licensed under the [MIT License](LICENSE).