A lush, classless, and fully semantic CSS framework. An evolution of sakura with a focus on modern semantics and fluid design.
blossom builds upon the minimalist philosophy of sakura but adds modern refinements for a more "lush" reading experience:
- Lightweight: Under 20KB . It loads almost instantly, ensuring your site is lightning-fast even on slow connections.
- Fully Responsive: Uses CSS
clamp()to scale text smoothly between devices—no more rigid breakpoints. - Fully Semantic: Custom styling for all non-deprecated and non-experimental tags like
<nav>,<details>,<aside>,<progress>, and<mark>. - Automatic Dark Mode: Built-in support for
prefers-color-schemeusing high-contrast CSS variables.
CDN (recommended):
-
Simply add this in your
<head>tag:<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kaiserrrrrr/blossom/src/blossom.min.css" type="text/css">
Manually:
-
Download the file:
wget "https://cdn.jsdelivr.net/gh/kaiserrrrrr/blossom/src/blossom.min.css"OR download directly: blossom
-
Link it from HTML:
<link rel="stylesheet" href="blossom.min.css" type="text/css">
 IE / Edge |
 Firefox |
 Chrome |
 Safari |
 iOS Safari |
 Samsung |
 Opera |
|---|---|---|---|---|---|---|
| IE11, Edge | last 68 versions | last 65 versions | last 6 versions | last 6 versions | last 16 versions | last 60 versions |
© Blossom 2026. Code released under the GNU General Public License v3.0. It contains components originally developed by Mitesh Shah which were released under the MIT license