CSSify

Tired of using Bootstrap/Bulma, but don't want to scaffold a whole bunch of CSS on your own? CSSify to the rescue - make your own CSS framework!

Using CSS frameworks always come with a trade-off - you need to choose between a steep learning curve, limited feature sets, and large file sizes. While preprocessors like Sass improved modularity, overcoming all three obstacles at once seems to be a challenge. That is, until now.

Inspiration of this project has been taken from https://modernizr.com/download for customizing it for the stylesheet.

This project was bootstrapped with Create React App.

Features

Select global color palette
Customize your CSS class
Set custom layout structure
Minified CSS
Responsive
Actively under development

Why CSSify?

CSSify provides a solution to all these problems, by offering a rock solid base which is customisable in all it's aspects. Common tasks such as defining layouts, brand colors, spacing utilities, breakpoints, typography, etc can now be completed with a few clicks with a live preview- enormously boosting your creative speed.

Requirements

Some developer skills. ;)

Node Engine <=14.xx

Demo Video & DevPost

You can watch the teaser and demo in the attached video.

https://youtu.be/TSHjpUm7TlY

https://devpost.com/software/cssify

Installation

Use the package manager npm to install CSSify(Coming soon).

For the server:

git clone <path/to/git>
cd cssify/backend
npm install

For the client

git clone <path/to/git>
cd cssify/client
npm install

Usage

Combined server for entire application:

cd cssify/backend
npm run dev

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

mexili / cssify