https://github.com/initbase/clean

🚀 An opinionated "Bootstrap like" component classes CSS powered by TailwindCSS.
https://github.com/initbase/clean

bootstrap class-components component-classes css tailwindcss

Last synced: about 2 months ago
JSON representation

🚀 An opinionated "Bootstrap like" component classes CSS powered by TailwindCSS.

• Host: GitHub
• URL: https://github.com/initbase/clean
• Owner: initbase
• Archived: true
• Created: 2021-04-01T08:25:24.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-06-16T09:46:34.000Z (over 3 years ago)
• Last Synced: 2024-09-19T11:12:53.795Z (about 2 months ago)
• Topics: bootstrap, class-components, component-classes, css, tailwindcss
• Language: CSS
• Homepage: https://cleanui.netlify.app/
• Size: 1.08 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


![npm bundle size](https://img.shields.io/bundlephobia/minzip/initbase-clean-ui)

[![GitHub issues](https://img.shields.io/github/issues/initbase/clean)](https://github.com/initbase/clean/issues)

![npm](https://img.shields.io/npm/dt/initbase-clean-ui)

![NPM](https://img.shields.io/npm/l/initbase-clean-ui)

![npm](https://img.shields.io/npm/v/initbase-clean-ui)

## Documentation 

[Here](https://cleanui.netlify.app/) 

# Migration to 2.x

This project (1.x version) is still experimental and is not ready yet for production. A lot of things can be changing along the way. But it totally fine if you want to use it in your side project as I used it in my side project too.

In 2.x, hopefully everything will be stable with built-in javascript function from CleanUI. __The building of 2.x version would probably be started before the end of 2021__. It's possibly moving to another NPM package for 2.x.

## Contributing Guides

Documentation site is built with Nuxt Content Docs theme.

You can head to `/docs` to work on documentation site.

For __CSS__ classes are located in directory `/src/components`. Please follow the file separation style.

While, `/dist` is an autogenerated directory generated on build process.

Otherwise are just unused directories / files.

## Roadmap

- [x] Alert

- [x] Badges

- [x] Button

- [x] Card

- [x] Checks and radios

- [x] Forms

- [ ] Footer

- [ ] Layout

- [ ] Modal

- [ ] Navbar

- [x] Select

- [ ] Sidebar

- [ ] Tabbar

- [x] Tooltips