https://github.com/rdshinde/bermuda

Triangle of easy, fast and scalable CSS.
https://github.com/rdshinde/bermuda

component-library css

Last synced: 11 days ago
JSON representation

Triangle of easy, fast and scalable CSS.

• Host: GitHub
• URL: https://github.com/rdshinde/bermuda
• Owner: rdshinde
• Created: 2022-01-29T12:46:02.000Z (almost 3 years ago)
• Default Branch: dev
• Last Pushed: 2022-05-02T01:45:31.000Z (over 2 years ago)
• Last Synced: 2023-03-09T02:26:53.302Z (almost 2 years ago)
• Topics: component-library, css
• Language: CSS
• Homepage: https://bermuda-css.netlify.app
• Size: 2.28 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Bermuda

**Design your dream UIs with easy and scalable CSS.**

[![Version 1.0](https://img.shields.io/badge/Version-1.0-orange.svg)](https://bermuda-css.netlify.app)

Bermuda CSS gears up you with the huge set of pre-defined CSS classes. This makes your UI designing fast, easy and off-course scalable.

- The triangle of `easy`, `fast` and `scalable` CSS.

- Frequently used components are included.

- Easy installation.

## How to install Bermuda in my project?

You can use the links of stylesheet and script.

CSS file link - 

  ```

  https://bermuda-css.netlify.app/style.css

  ```

JS file link - 

  ```

  https://bermuda-css.netlify.app/script.js

  ```

## What are the components that Bermuda provides?

Bermuda provides frequently used components. These are as follows:

- [Avatars](https://bermuda-css.netlify.app/docs/templates/avatar.html)

- [Alerts](https://bermuda-css.netlify.app/docs/templates/alert.html)

- [Badges](https://bermuda-css.netlify.app/docs/templates/badge.html)

- [Buttons](https://bermuda-css.netlify.app/docs/templates/button.html)

- [Cards](https://bermuda-css.netlify.app/docs/templates/card.html)

- [Images](https://bermuda-css.netlify.app/docs/templates/image.html)

- [Input](https://bermuda-css.netlify.app/docs/templates/input.html)

- [Lists](https://bermuda-css.netlify.app/docs/templates/list.html)

- [Navigation](https://bermuda-css.netlify.app/docs/templates/navigation.html)

- [Modal](https://bermuda-css.netlify.app/docs/templates/modal.html)

- [Ratings](https://bermuda-css.netlify.app/docs/templates/rating.html)

- [Toast](https://bermuda-css.netlify.app/docs/templates/toast.html)

- [Simplified Grid](https://bermuda-css.netlify.app/docs/templates/grid.html)

- And many more components are on the way.

Other that these components there are tons of predefined classes which can make your UI building process a piece of cake.

## What are the colors that Bermuda uses?

Bermuda uses a theme of `monocromatic` colors. As a primary color 

Bermuda uses ![#001675](https://via.placeholder.com/10/001675?text=+) #001675.

| Color             | Hex Codes                                                                |

| ----------------- | ------------------------------------------------------------------ |

| Default Color | ![#001675](https://via.placeholder.com/10/001675?text=+) #001675 |

| Primary Color | ![#4265ff](https://via.placeholder.com/10/4265ff?text=+) #4265ff |

| Secondary Color | ![#f3f4f6](https://via.placeholder.com/10/f3f4f6?text=+) #f3f4f6 |

| Danger Color | ![#f44336](https://via.placeholder.com/10/f44336?text=+) #f44336 |

| Success Color | ![#4caf50](https://via.placeholder.com/10/4caf50?text=+) #4caf50 |

| Warning Color | ![#e6b000](https://via.placeholder.com/10/e6b000?text=+) #e6b000 |

## Where to look for documentation?

Bermuda offers pretty good docs site. You can visit [Docs Site](https://bermuda-css.netlify.app/)

for more details.