A modern components library for web written in scss and javascript for faster and easier web development.
Explore verse documentations »
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.gitin your terminal (git is required).
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.
| 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 |
verse is developed by verse team and MIT licensed.