Sketching the Web is now Manageable, and Straightforward to Level the Design.
Explore Sybrenium docs »
Report bug
·
Request feature
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/main.css">
Several quick start options are available:
- Download the latest release
- Clone the repo:
git clone https://github.com/Syber-Lab/Sybrenium.git - Install with npm:
npm install Sybrenium - Install with yarn
yarn add sybrenium
Read the Getting started page for information on the framework contents, examples, and more.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Sybrenium</title>
<!-- links -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/main.css">
<!-- Other css links -->
</head>
<body>
<!-- sample code -->
<div class="center"> <!-- Center the div element -->
<h1 class="italic">Italic with Flashing Asterisk <sup class="red flash">*</sup></h1> <!-- italicize the h1 -->
<h1 class="underline">Underlined Sentence or word</h1> <!-- underlining the h1 -->
<h1 class="green">Text Color Green</h1> <!-- adding color green to h1 -->
<h1 class="Montez fadeIn">font style Montez with fadeIn Animation</h1> <!-- adding font-style to h1 -->
</div>
<!-- End of sample code -->
<!-- Script tags -->
<!-- User Defined Scripts / Other Scripts below -->
</body>
</html>Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
Sybrenium/
└── dist/
├── css/
│ ├── animations/
│ │ ├── animations.css
│ │ └── timers.css
│ ├── fonts/
│ ├── alignments.css
│ ├── cards.css
│ ├── char-entities.css
│ ├── colors.css
│ ├── font-family.css
│ ├── hexcolors.css
│ ├── main.css
│ ├── morphs.css
│ ├── size.css
│ ├── sybrenium.css
│ ├── tooltips.css
│ └── urls.css
└── js/
└── main.js
Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.
