https://github.com/swlkr/ridgecss

A maximalist css framework for making web apps fast
https://github.com/swlkr/ridgecss

alpinejs css css-framework dark-mode

Last synced: about 2 months ago
JSON representation

A maximalist css framework for making web apps fast

• Host: GitHub
• URL: https://github.com/swlkr/ridgecss
• Owner: swlkr
• Created: 2020-05-28T16:03:11.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-07-18T21:35:51.000Z (about 2 years ago)
• Last Synced: 2024-06-07T04:32:45.008Z (3 months ago)
• Topics: alpinejs, css, css-framework, dark-mode
• Language: JavaScript
• Homepage: https://swlkr.com/ridgecss/
• Size: 785 KB
• Stars: 151
• Watchers: 7
• Forks: 4
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - Ridge.css - A maximalist css framework with Alpine.js markup - Sean Walker

README

        
# ridge.css

> The clearest way into the Universe is through a forest wilderness. - John Muir

ridge.css is a set of classless css themes, layout helpers via [pylon.css](https://github.com/almonk/pylon) and optional [alpine.js](https://github.com/alpinejs/alpine) code to help you write _fast web apps fast_

## Usage

Try before you buy! Here's how your html could look after applying ridge.css (with the default dark theme)

```html

  

    

    

    ridge.css

    

    

  

  

    

      

        Cool logo

        

        

          Pricing

          

            Sign up

          

        

      

      

        
Welcome to ridge.css!

      

    

  


```

Here's a screenshot of how that looks:

![screenshot of default dark theme](demo.png)

## Install

Download a theme, and add it to your html:

```html

  

  

  

```

The example above adds both light and dark default themes and switches depending on the OS's dark mode setting.