Skip to content

benjamin-Keller/Simply-UI

Repository files navigation

Simply-UI

Simple UI package for easy-to-use mobile-friendly simple designs!

Table of contents

Installation

CDN with JsDeliver or UNPKG

Easy-to-use link to instantly get access to Simply-UI

  • Add a <link> to:

(JsDeliver)

- Full (87.3 KB)
  https://cdn.jsdelivr.net/npm/[email protected]/dist/css/simply.css

- Minified (70.1 KB)
  https://cdn.jsdelivr.net/npm/[email protected]/dist/css/simply.min.css

(UNPKG)

- Full (87.3 KB) 
  https://unpkg.com/[email protected]/dist/css/simply.css

- Minified (70.1 KB) 
  https://unpkg.com/[email protected]/dist/css/simply.min.css

in your project's <head>.

  • Start using Simply's stylings!

Usage

<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">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/simply.min.css">
    <title>Simply-UI Demo</title>
</head>

NPM (WIP)

  • Download release.
  • Run npm i simply-ui --save on your project.
  • Add a link to the Simply-UI's dist/css/index.css in your <head>.

I have never posted to NPM or used anything from it before, if you can verify that you can use the library from it I will appreciate it greatly! <3

Usage

import { simply } from 'simply';

simply({
    scrollbar: 'simply',
    scrollbar_color: 'primary'
});

Options

  • scrollbar - default / simply (Default's the body's scrollbars)
  • scrollbar_color - Any color under $colors variable (Sets the scrollbars default color)

Demo

See it in action with this Demo

Also see sample Homepage

(WIP) See the new Docs site hosted in it's own GitHub Repo!

Links