X
X
X
X

Pelican

Pelican is a library of components for prototyping designs in the browser. It has a modularized Sass implementation of Skeleton with tiny additional CSS modules.

All modules share Sass variables and are compiled into an 56kb unminified CSS file called pelican.css .

Pelican uses Gulp to compile Sass and inject changes live into the browser.

Try Pelican

Clone this entire repo

$ git clone https://github.com/whaleen/pelican.git

Move into the directory containing Pelican

$ cd pelican

Install dependencies

$ npm install

Run Pelican

$ npm start

Colors

Sass color variables allow you to define a pallate of 17 colors. Here are the defaults.

aqua
blue
navy
teal
green
olive
lime
yellow
orange
red
fuchsia
purple
maroon
white
silver
gray
black

Panels

You can use Panels for menus, important messages, off canvas page elements, or any other thing you want.

Pelican Components

Thank you authors. Component documentation, licensing, and author urls listed below.


HTML / CSS

Skeleton

A dead simple, responsive boilerplate.

Docs | Author | (MIT)

Colors

A nicer color palette for the web.

Docs | Author | (MIT)

animate.css

Just-add-water CSS animation.

Docs | Author | (MIT)


Javascript

jQuery

Pelican come with jQuery.

Docs | Author | (MIT)

Scroll

Scroll weighs 333 bytes. It is optional. Requires jQuery.

Docs | Author | WTFC

Panels

Panel weighs 2kb. It is optional. Requires jQuery.

Docs | Author | (GPL v2)