Versecss NPM | npm.io

Quick start

Some quick start options are available

Download the latest release as .zip
{Recommend} Use CDN to start quickly at https://www.jsdelivr.com/package/gh/verse-css/verse.
Clone the repository by typing command git clone https://github.com/verse-css/verse.git in your terminal (git is required).

Example

All components are used in the test file (~/test/index.html) This is an example of using verse css to create a component in web. You can get more information from the verse documentations.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!--  Responsible <meta> tag    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!--   User .css file for styling   --> <!--  <link rel="stylesheet" href="style.css"  -->
    <!--   Verse.css CDN link, you can git it from https://www.jsdelivr.com/package/gh/verse-css/verse  -->
  </head>
  <body>
    <!--   This example will create a button with the text "Hello World" in your browser   -->
    <button class="btn btn-primary">
      Hello World
    </button>
    <!--  User .js file for scripting   --> <!--   <script src="index.js"></script>    -->
    <!--  Verse.js CDN link, you can get it from https://www.jsdelivr.com/package/gh/verse-css/verse   -->
  </body>
</html>

The above html snippet will create a button with the text "Hello World" in your browser. Warning

If the button has a blue background, a white foreground, a border radius, no border and it will be darker when you hover it, verse is successfully setted up. Else, you have failed.
Above html snippet doesn't contain CDN link, you must insert the link by yourself.

Component list

Components	CSS or JS required
alert	CSS
breadcrumb	CSS
buttons	CSS
card	CSS
dropdown & dropup	CSS
menu	CSS
message	CSS
modal	CSS and JS
navbar	CSS
panel	CSS
input	CSS
toast	CSS and JS
tooltip	CSS and JS
{utils}	CSS

License

verse is developed by verse team and MIT licensed.

@infinitebrahmanuniverse/nolb-vers @everything-registry/sub-chunk-3049

1.0.0

2 years ago