All Projects → daniruiz → skeuos-css

daniruiz / skeuos-css

Licence: MIT License
A lightweight CSS library that provides a set of predesigned elements useful for rapid web development. It follows the latest skeuomorphic design trends, using bright colors and subtle shadows for some depth.

Programming Languages

CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to skeuos-css

ColdStorage
Lightweight data loading and caching library for android
Stars: ✭ 39 (-13.33%)
Mutual labels:  lightweight
RxSwiftMVVM
RxSwift MVVM Moya HandyJSON
Stars: ✭ 58 (+28.89%)
Mutual labels:  lightweight
shiny blog
A lightweight, markdown based Blog/CMS application written in PHP
Stars: ✭ 14 (-68.89%)
Mutual labels:  lightweight
beercss
Build material design interfaces in record time... without stress for devs... 🍺💛
Stars: ✭ 223 (+395.56%)
Mutual labels:  lightweight
UnityHFSM
A simple yet powerful class based hierarchical finite state machine for Unity3D
Stars: ✭ 243 (+440%)
Mutual labels:  lightweight
NoteUsingRoom
Note Apps using Room database
Stars: ✭ 18 (-60%)
Mutual labels:  neumorphism
lxroot
A lightweight, flexible, and safer alternative to chroot and/or Docker.
Stars: ✭ 69 (+53.33%)
Mutual labels:  lightweight
jobflow
runs stuff in parallel (like GNU parallel, but much faster and memory-efficient)
Stars: ✭ 67 (+48.89%)
Mutual labels:  lightweight
NanoLimbo
The lightweight, high performance Minecraft limbo server
Stars: ✭ 94 (+108.89%)
Mutual labels:  lightweight
webgui
Web Technologies based Crossplatform GUI Framework with Dark theme
Stars: ✭ 81 (+80%)
Mutual labels:  lightweight
goof
Go Offer File - Easily serve files and directories over a network; a Golang implementation of `woof`.
Stars: ✭ 24 (-46.67%)
Mutual labels:  lightweight
kcs
Scripting in C with JIT(x64)/VM.
Stars: ✭ 25 (-44.44%)
Mutual labels:  lightweight
NeumorphismKit
Neumorphism framework for UIKit.
Stars: ✭ 39 (-13.33%)
Mutual labels:  neumorphism
kula
Lightweight and highly extensible .NET scripting language.
Stars: ✭ 43 (-4.44%)
Mutual labels:  lightweight
slimcpplib
Simple Long Integer Math for C++
Stars: ✭ 18 (-60%)
Mutual labels:  lightweight
k3s-on-prem-production
Playbooks needed to set up an on-premises K3s cluster and securize it
Stars: ✭ 108 (+140%)
Mutual labels:  lightweight
SoftUIView
SoftUIView is a Soft-UI (Neumorphism) view written in Swift.
Stars: ✭ 52 (+15.56%)
Mutual labels:  neumorphism
in-memoriam
Lightweight, super fast, atomic, transactional in-memory database
Stars: ✭ 13 (-71.11%)
Mutual labels:  lightweight
envy
envy: Deserialize environment variables into type-safe structs
Stars: ✭ 64 (+42.22%)
Mutual labels:  lightweight
LIGHT-SERNET
Light-SERNet: A lightweight fully convolutional neural network for speech emotion recognition
Stars: ✭ 20 (-55.56%)
Mutual labels:  lightweight

Skeuos CSS library

Skeuos CSS is licensed under the MIT License

Skeuos CSS Palette

  • #265ab1 #265AB1

  • #367bf0 #367bf0

  • #19a187 #19A187

  • #d41919 #E43030

  • #b8174c #B8174C

  • #8c42ab #8C42AB


Paper class

    <div class="paper">
    </div>

Shadow

    <div class="with-shadow">
    </div>

Heading 1

 <h1>Heading 1</h1>

Heading 2

  <h2>Heading 2</h2>

Heading 3

  <h3>Heading 3</h3>

Heading 4

  <h4>Heading 4</h4>
Heading 5
  <h5>Heading 5</h5>
Heading 6
  <h6>Heading 6</h6>

Selectable text

    <div class="selectable">
    </div>

Links

    <a href="#">My link</a>

Horizontal rule

    <hr>

Form elements

Input
  <input type="text">
Select
<select>
    <option>Level 1</option>
    <option>Level 2</option>
</select>
Textarea
  <textarea></textarea>
Checkbox
    <label>
        <input type="checkbox" name="my-checkbox" checked> Select me
    </label>
    <label>
        <input type="checkbox" name="my-checkbox"> Select me
    </label>
Input Radio
    <label>
        <input type="radio" name="my-input-radio" checked> Select me
    </label>
    <label>
        <input type="radio" name="my-input-radio"> Select me
    </label>
Checktext
    <label class="checktext">
        <input type="radio" name="my-checktext" checked>
        <span>09:00</span>
    </label>
    <label class="checktext">
        <input type="radio" name="my-checktext" >
        <span>09:30</span>
    </label>
Switch
    <label class="switch">
        <input type="checkbox" name="my-switch">
        <div></div>
    </label>
Buttons
  <button class="blue-button">save</button>
  <button class="green-button">enter</button>
  <button class="red-button">exit</button>
  <button>Send</button>



Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].