zhzluke96 / pui

🔨lightweight css framework

Pui

🔨lightweight css framework

Index

• Pui
• Index
• Dependencies
• Install
• Build Setup
• Usage
• Live Demo
• Brower Support
• Related Efforts
• Maintainers
• Contributing
• Todo List
• License

Dependencies

• normalize

Install

$ git --depth=1 clone https://github.com/zhzLuke96/Pui.git

Build Setup

Development

$ npm run dev

Production

$ npm run build

Usage

zhzluke96.github.io/Pui

Live Demo

• github-like
• reddit-like
• gamil-like
• telegram-like
• PuiViewer

Brower Support

Pui uses autoprefixer to make (most) Flexbox features compatible with earlier browser versions. According to Can I use, Pui is compatible with recent versions of:

• Chrome
• Edge
• Firefox
• Opera
• Safari

Internet Explorer (10+) is only partially supported.

Related Efforts

• bulma Modern CSS framework based on Flexbox
• tailwindcss A utility-first CSS framework for rapid UI development.

Maintainers

@zhzluke96

Contributing

Feel free to dive in! Open an issue or submit PRs.

Standard Readme follows the Contributor Covenant Code of Conduct.

Todo List

• util.css
• grid layout(flex)
  • 10 cols
  • order
  • media hidden
• core elements
  • btn
  • btns(group)
  • media
  • forms
    • input
    • checkbox,text,file_upload...
  • table
  • card
  • cards
  • modal(prue css)
  • progress(h5)
  • tooltip
  • loader
  • overlay
  • alert
• mulit-media
  • video
  • img
• ...

License

GPL-3.0