https://github.com/daniruiz/flat-remix-css

A lightweight CSS library that provides a set of predesigned elements useful for rapid web development. It follows a modern flat design using a colorful palette with some shadows, highlights, and gradients for some depth.
https://github.com/daniruiz/flat-remix-css

css design flat lightweight material-design no-javascript

Last synced: 8 months ago
JSON representation

A lightweight CSS library that provides a set of predesigned elements useful for rapid web development. It follows a modern flat design using a colorful palette with some shadows, highlights, and gradients for some depth.

• Host: GitHub
• URL: https://github.com/daniruiz/flat-remix-css
• Owner: daniruiz
• License: mit
• Created: 2017-07-04T03:05:08.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-08-11T17:13:37.000Z (over 5 years ago)
• Last Synced: 2025-05-08T01:16:44.504Z (8 months ago)
• Topics: css, design, flat, lightweight, material-design, no-javascript
• Language: CSS
• Homepage: http://drasite.com/flat-remix-css
• Size: 1.14 MB
• Stars: 79
• Watchers: 6
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# [Flat-Remix-CSS-library](http://drasite.com/flat-remix-css)

###### Flat-Remix is licensed under the MIT License



Flat Remix 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=+) `#d41919`

- ![#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

    

```

##### On/Off Switch

``` html

    

    

        

    

```

##### Buttons

``` html

  save

```

``` html

  enter

```

``` html

  exit

```

``` html

  +

```