https://github.com/daniruiz/skeuos-css

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.
https://github.com/daniruiz/skeuos-css

css design lightweight neumorphism no-javascript skeuomorphism ui web

Last synced: about 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/daniruiz/skeuos-css
• Owner: daniruiz
• License: mit
• Created: 2020-03-16T18:33:23.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-08-30T12:56:17.000Z (almost 5 years ago)
• Last Synced: 2025-05-08T01:16:30.976Z (about 2 months ago)
• Topics: css, design, lightweight, neumorphism, no-javascript, skeuomorphism, ui, web
• Language: CSS
• Homepage: https://drasite.com/skeuos-css
• Size: 245 KB
• Stars: 71
• Watchers: 5
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [Skeuos CSS library](http://drasite.com/skeuos-css)

###### Skeuos CSS is licensed under the MIT License



Skeuos CSS Palette

------------------

- ![#265ab1](https://placehold.it/15/265ab1/000000?text=+) `#265AB1`

- ![#367bf0](https://placehold.it/15/367bf0/000000?text=+) `#367bf0`

- ![#19a187](https://placehold.it/15/19a187/000000?text=+) `#19A187`

- ![#d41919](https://placehold.it/15/d41919/000000?text=+) `#E43030`

- ![#b8174c](https://placehold.it/15/b8174c/000000?text=+) `#B8174C`

- ![#8c42ab](https://placehold.it/15/8c42ab/000000?text=+) `#8C42AB`

* * * * *

Paper class

-----------

``` html

    


    

```


* * * * *

Shadow

------

``` html

    


    

```


* * * * *

Heading 1

=========

``` html

 
Heading 1

```

 

Heading 2

---------


``` html

  
Heading 2

```


### Heading 3

``` html

  
Heading 3

```


#### Heading 4

``` html

  
Heading 4

```


##### Heading 5

``` html

  
Heading 5

```


###### Heading 6

``` html

  
Heading 6

```


* * * * *

Selectable text

---------------

``` html

    


    

```


* * * * *

Links

-----

``` html

    My link

```

* * * * *

Horizontal rule

---------------

``` html

    


```


* * * * *

Form elements

-------------

##### Input

``` html

  

```

##### Select

``` html

    Level 1

    Level 2

```

##### Textarea

``` html

  

```

##### Checkbox

``` html

    

         Select me

    

    

         Select me

    

``` 

##### Input Radio

``` html

    

         Select me

    

    

         Select me

    

```

##### Checktext

``` html

    

        

        09:00

    

    

        

        09:30

    

```

##### Switch

``` html

    

        

        


    

```


##### Buttons

``` html

  save

```

``` html

  enter

```

``` html

  exit

```

``` html

  Send

```