Skip to content

souravseal99/cssify

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

81 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

  1. Select global color palette
  2. Customize your CSS class
  3. Set custom layout structure
  4. Minified CSS
  5. Responsive
  6. 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. ;)

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

About

No description, website, or topics provided.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • SCSS 48.2%
  • JavaScript 46.1%
  • CSS 2.8%
  • HTML 2.4%
  • Shell 0.5%