DEV Community 👩‍💻👨‍💻

Cover image for 100DaysOfCode: Card UI Design with Weavv CSS
Louis Low
Louis Low

Posted on • Updated on

100DaysOfCode: Card UI Design with Weavv CSS


GitHub logo louislow81 / 100DaysOfCode

The 100 Days of Code with HTML, WEAVV CSS, and Vanilla.JS or sometime use Knott.JS to create Web Components


GitHub logo weavv / weavv-css-documentation

The WEAVV CSS website

Netlify Status

image

WEAVV CSS Documentation

Read the official 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

Build

clone the repository,

$ git clone https://github.com/weavv/weavv-css-documentation.git
$ cd weavv-css-documentation
Enter fullscreen mode Exit fullscreen mode

install dependencies,

# YARN
$ yarn
# NPM
$ npm i
Enter fullscreen mode Exit fullscreen mode

serve locally,

# YARN
$ yarn dev
# NMP
$ npm run dev
Enter fullscreen mode Exit fullscreen mode

Credits

Nunjunks, Gulp, NodeJS, Sass


MIT





Enjoy!

Top comments (0)

🌚 Life is too short to browse without dark mode