Semantic style sheets
Write css the way it was intended to be written. Don't write it at all. Embrace semantic html. Keep it clean, efficient, and elegant.
Dive into a new way of styling the web. Our mission is to rethink the way we write css, using semantic html as a base.
The idea
Write semantic html
Semantic style sheets, driven by semantic HTML, redefine web design. Our stylesheet library leverages the power of semantic markup, enabling developers to create elegant and accessible web interfaces without writing a single css class. By emphasizing content structure and user experience, we ensure websites not only look fantastic but also function seamlessly across different devices and screen sizes.
<button></button>
Use our custom tags
Unlock the potential of our semantic style sheets, powered by semantic HTML and enhanced by our custom tags. With these custom elements, you can effortlessly infuse your web projects with unique design features, creating visually stunning and accessible websites.
<flex>
<box></box>
<box></box>
<box></box>
</flex>
Extend with utility classes
Discover the future of web design with our innovative stylesheet library, harnessed by the strength of semantic HTML. Empower your creativity by seamlessly extending your projects with our utility classes. These classes are specifically designed to complement the semantic markup, ensuring that your web interfaces are not only visually appealing but also functionally efficient. By merging the power of semantic HTML with utility classes, you'll be able to craft websites that are not only stylish but also accessible, delivering an exceptional user experience.
<flex class='gap-100 flex-wrap-wap'>
<box></box>
<box></box>
<box></box>
</flex>
Download latest version
Download minified 3kb