Aether CSS

Change background | Get the source code

Buttons in a Flexbox

Links

Did you know that this is a link?

Forms

Simple form

Progress Button

Pulsate animation

no-button button

Table

Tags

Notifications

Text

A beautiful golden sun is setting. The sky is on fire. A large neon sign rises into shot. It rests on top of a skyscraper and fills the frame. The building is neither past nor future in design but a bit of both.

Slowly we pan downwards revealing the city that spreads below.

Heading 2

A glittering conglomeration of elevated transport tubes, smaller square buildings which are merely huge, with, here and there, the comparatively minuscule relics of previous ages of architecture, pavement level awnings suggesting restaurants and shops.

Heading 2

Flexbox:

Lists

Unordered:

• Transparent tubes carry whizzing transport cages past us
• An elevated highway carrying traffic composed primarily of large transport lorries passes through frame
• As we descend, the sunlight is blocked out and street lights & neon signs take over as illumination

Ordered:

1. Transparent tubes carry whizzing transport cages past us
2. An elevated highway carrying traffic composed primarily of large transport lorries passes through frame
3. As we descend, the sunlight is blocked out and street lights & neon signs take over as illumination

Quote

“A beautiful golden sun is setting. The sky is on fire.”

Code

      Install

      yarn add aether-css-framework

  Import in JavaScript

      import '../node_modules/aether-css-framework/dist/aether.min.css'
    

Toggle Switch (checkbox)

All Regular Input Types