Declass

CSS Frameworks, Reimagined.

Information

Declass 1 is still unreleased, so remember to wait for us to finish it before starting to use it on your site. We are still adding info to the docs and updating our code. Have a great day! :)



# About

Declass makes it easy to design a quick new webpage or add styling to a major project. Whether you need a good-looking blog, a simple personal site, or a stylish educational page, Declass's dynamic design will turn the major task of making your page responsive into a simple job. Just copy the code to our free-to-use stylesheet and and paste it between the <head> tags on your site:


<link
  rel="stylesheet"
  href="https://declass.netlify.app/css/declass.min.css"
/>

Warning

Your site will not work evenly on all devices unless you add some required tags to your page. Please take the time to make sure you have these tags on your site. This is very important as without these, Declass will be broken on early browsers and mobile devices, which make up around 60% of the web.


How it works

But how does it work so well? It's a CSS Framework, which is a CSS file that gives you easy templates for designing an amazing site. But unlike other frameworks such as Bootstrap, Declass controls your site's look based on tags, not classnames. What does that mean? It means that instead of having to bombard your site with class attributes, you just write the HTML and we make it beautiful for you. Styling simplified. Because as the saying goes,

"Less is more."

Design

Declass has a simple design with readable and big fonts, lots of space, and distinct style of sharp but smooth edges. It also supports a --color variable on your page which gives your page a nice flair instead of just black and white. Speaking of black and white, Declass's style supports a dark mode which runs when your user prefers dark mode on their device. If you want to automatically run dark mode or include our toggle button script, info can be found in our Documentation.


Tags

Just how does Declass give you so many options with so little tags? Does it create a new kind of attribute for styling? Does it add more tags? No. The answer is one word: Creativity. Declass lets you combine tags to make objects such as link buttons, centered headings, or preformatted code.

Almost all of the tags in HTML5 are supported by Declass. Knowing which tags to use to make a nice and responsive site are crucial, so make sure to check out our docs, which have easy-to-read information and easy-to-follow guides on how to create items such as dropdowns, footers, sidebars, navigation bars, and much more!


More

If you aren't sure what to build with Declass, you can look at our Templates for inspiration and ideas. You can view an elegant gallery of many styles, including blog, personal page, news site, sports site, and more! You can see some of the options here:

Make sure to check out Declass's Github repo. Show your support by starring it, or give us a suggestion by forking an edit. If you find an error, bug, or have a suggestion for our code, open an Issue and we'll try to fix it ASAP.

Our site uses cookies for a fast and secure experience. More information Here. To view a list of the third-party services that Declass uses, check out our "Thanks" section.