An Interest In:
Web News this Week
- April 2, 2024
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
August 22, 2022 03:10 pm GMT
Original Link: https://dev.to/louislow/100daysofcode-artwork-profile-ui-design-with-weavv-554e
100DaysOfCode: Artwork Profile UI Design with Weavv
louislow81 / 100DaysOfCode
The 100 Days of Code with HTML, WEAVV CSS, and Vanilla JS to create Web Components without App Framework.
weavv / weavv-css-documentation
The official WEAVV CSS documentation website
WEAVV CSS Documentation
Developer Tools
- WEAVV Playground - Online code editor for testing and prototyping UI design with WEAVV.
- WEAVV CLI - Create empty project on-the-go with example template, written with Vanilla JS web component. Optional to use HTML inline CSS class or to use SASS with
@extend
directive to extract WEAVV CSS classes in semantic way.
Features
- Breakpoints
- Dark/Light Mode
- Variants
- Color Palette
- Gradient Presets
- Custom Gradient
- Animations
- Filters
- Fluids
- Orientation
- Plugin API
Build
clone the repository,
$ git clone https://github.com/weavv/weavv-css-documentation.git$ cd weavv-css-documentation
install dependencies,
# YARN$ yarn# NPM$ npm i
serve locally,
# YARN$ yarn dev# NMP$ npm run dev
Credits
Enjoy!
Original Link: https://dev.to/louislow/100daysofcode-artwork-profile-ui-design-with-weavv-554e
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To