SimBox

A CSS framework with Simplicity and Box layout which focuses on performance and simplicity.

---

Goal

Welcome to the world of SimBox CSS. It's a CSS framework which primary goal is to make a simple css framework with less effort and headache.

Version

0.0.1

Note

❗ Currently SimBox is under development mode, so don't use it in your production mode. It'll be published it's fist version soon.

Todos & Features

• Create Scss or Sass Based CSS architecture
• Create environment variables for all
• Utility Helpers
  • Text/Font Utility
  • Color Utility
  • Margin Utility
  • Padding Utility
• Navigation Bar [50%]
• Grid System
• Banner
• Buttons
• Carousel or Website Slider
• Card
• Alert
• Table
• Form Element
  • Input
  • Checkbox
  • Switch / Toggle Button
  • Auto Complete
  • Input Slider (ie: Product Pricing Filter)
• Modal
• Toaster

License

MIT

Contribution

Yes, Just create a pull request and you can contribute very easily. Remember, don't use raw CSS. Use Scss here and it is must.

SCSS Documentation - https://sass-lang.com/documentation

How to start for contribution

1. Clone the project - https://github.com/simbox/simbox.git

git clone https://github.com/simbox/simbox.git

2. Go to that folder

cd simbox

3. Install npm

npm install

4. Run with watch

npm start

5. Now do update on the folder inside src/components.

6. Create Pull Request with proper details about PR in a new branch.

7. Great. Your code will be merged, if it's valid.