Warning
This is still a beta version; no feature compatibility is guaranteed.
puff is a micro full-featured CSS framework for quick UI prototyping. puff is based on design tokens. Combining just several tokens gives an almost limitless number of UI combinations.
- ๐ชถ Lightweight ~2kb (minified + gzipped)
- ๐ Easy to install and launch
- ๐ No dependencies
- ๐ Supports all modern browsers
- ๐ Classic 12-column grid
- ๐งฑ Design tokens based
- ๐ฉ Customize with CSS custom properties
- ๐ Dark them included
- ๐ฌ Dialog and dropdown out-of-box
- ๐ฉ Valid semantics
- ๐จโ๐ฉโ๐ฆโ๐ฆ Accessible
- ๐จ๏ธ Sustainable printing
Installation is straightforward; just include the CSS file into your HTML page in any possible way.
<link rel="stylesheet" href="puff.min.css" />
or install it from NPM.
npm install @dknight/puff
For detailed usage instructions, please go to the documentation page.
npm run build
npm run watch
npn run serve
Any help is appreciated. Found a bug, typo, inaccuracy, etc.? Please do not hesitate to make a pull request or issue.
MIT 2023