Home>Programming related>Other source code
Download

Simply-UI

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

Table of contents

  • Simply-UI
    • Table of contents
  • Installation
    • CDN with JsDeliver or UNPKG
      • (JsDeliver)
      • (UNPKG)
      • Usage
    • NPM (WIP)
      • Usage
      • Options
  • Demo
  • Links

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

Expand
Additional Information
Related Applications
Recommended for You
Related Information All