Introduction

LibreUI is a open source CSS component library to speed up your development process while building elegant and responsive apps.


Installation

CSS

To install LibreUI, just add the below line in your headelement of index.html

<link rel="stylesheet" href="https://libreui.netlify.app/main.css" />

Starter Template

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Embed | Libre UI</title> <link rel="stylesheet" href="https://libreui.netlify.app/main.css" /> </head> <body></body> </html> <!-- custom styling -->