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/sybrenium@2.5.0/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/sybrenium@2.5.0/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
├── size.css
├── sybrenium.css
└── tags.css
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.