tpo
tpo is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.
Features
-
Keep your current Bulma theme / variables easily
-
Supports both Material Design Icons and FontAwesome
-
Very lightweight with none internal dependencies aside from Vue & Bulma
-
Semantic code output
-
Follows Bulma design and some of the Material Design UX
-
Focus on usability and performance without over-animations
Documentation and Demo
The documentation is in the docs directory, it serves as the demo as well.
Browse the online documentation here.
Quick Start
Install via npm
npm install tpo
Import and use tpo. You can also enable individual components
;;; Vue; // OR Vue; ...
Note: If you want to customize the icons or the theme, access the customization section on the online documentation.
Versioning
While it's still in beta, version will follow v0.Y.Z, where:
- Y: Major (breaking changes)
- Z: Minor or patch
As soon as it's stable and v1 is ready, I'll switch to vX.Y.Z (SemVer).
Browser Support
- Firefox 38+
- Chrome 38+
- Edge 13+
- Opera 44+
- Safari 7+
- Internet Explorer 10+ is only partially supported
Might work in other versions, but it's not tested.