LOTUS

a small (~1.8k) and powerful css library for the responsive web

Create Custom Build
Star Follow @goatslacker Download

Insanely Tiny

At 1.8kb minified + gzip it features all the bells and whistles. You can get it down to 1kb by just including the basic essentials.

Built Responsibly

From phone to tablet to desktop web, Lotus was designed to work on a variety of mediums with no extra fuss.

Fast and Extendable

Rules are set at low specificity levels making the styles easy to override. Lotus is stylish yet unopinionated leaving the design to you.

Cross Browser

Works on Chrome, Firefox, Safari, Internet Explorer, Mobile Safari, Android Browser, and Opera Mini.

Sane Syntax

Concise yet self-explanatory class names that are explicit, and easy to remember.

In Action

This demo site is built using Lotus.


Typography


Lotus draws its typography inspiration from many sources. The main font used is Open Sans and the paragraphs have a base font size of 16px and a line-height of 24px. This can all be configured via the custom build tool.


Heading <h1>

Heading <h2>

Heading <h3>

Heading <h4>

Heading <h5>
Heading <h6>


A quote!

Lotus is tiny and feisty. There's a lot of style for a little bit of bytes.

— Doge
abbr
Bold Text
// this is some code
Deleted
Emphasis
Italics
Ctrl + Alt + Del
Marked Text
This is a sample
I am really small
123super
123sub
Strong Text
Variable
Normal text light text

Lists


Features
  • Really, really, small
  • It Just Works
    • Responsive
    • Cross Browser Compatible
  • Lots of Modules
    • Typography
      • OpenSans font
    • Grid
    • Buttons
    • Forms
    • and More
How to Use
  1. Create your own custom build below
  2. Check the boxes for the modules you want
    1. Grid is a good idea
    2. Typograhy is also good too
    3. Buttons and Forms seem solid
  3. ???
    1. ????
    2. ?????
    3. ??????
    4. ?
      1. !
      2. !!
      3. !!!
      4. !!!!!!!1
  4. Profit

Paragraphs


Marseilles — The Arrival.

On the 24th of February, 1810, the look-out at Notre-Dame de la Garde signalled the three-master, the Pharaon from Smyrna, Trieste, and Naples.

As usual, a pilot put off immediately, and rounding the Chateau d'If, got on board the vessel between Cape Morgion and Rion island.

Immediately, and according to custom, the ramparts of Fort Saint-Jean were covered with spectators; it is always an event at Marseilles for a ship to come into port, especially when this ship, like the Pharaon, has been built, rigged, and laden at the old Phocee docks, and belongs to an owner of the city.

When the young man on board saw this person approach, he left his station by the pilot, and, hat in hand, leaned over the ship's bulwarks.

He was a fine, tall, slim young fellow of eighteen or twenty, with black eyes, and hair as dark as a raven's wing; and his whole appearance bespoke that calmness and resolution peculiar to men accustomed from their cradle to contend with danger.

"Ah, is it you, Dantes?" cried the man in the skiff. "What's the matter? and why have you such an air of sadness aboard?"


Father and Son

We will leave Danglars struggling with the demon of hatred, and endeavoring to insinuate in the ear of the shipowner some evil suspicions against his comrade, and follow Dantes, who, after having traversed La Canebiere, took the Rue de Noailles, and entering a small house, on the left of the Allees de Meillan, rapidly ascended four flights of a dark staircase, holding the baluster with one hand, while with the other he repressed the beatings of his heart, and paused before a half-open door, from which he could see the whole of a small room.

Grid


 

Responsive Extras


3 columns which vary on screen size
show/hide helpers
.show-lg
.hide-lg
.show-md
.hide-md
.show-sm
.hide-sm

Buttons


Forms


Form Controls


A basic sign-in form


Form Addons

$

$

Tables


# Fruits Veggies Colors
1 Bananas Cucumber Pink
2 Grapes Onion Purple
3 Pineapple Carrot Yellow

Colors


 
R
G
B
C
M
Y
K

Extras


.txt-center
.txt-right
.txt-upper
.txt-light
.txt-bold
.fl-left
.fl-right

Custom Build