Premium version now available! View More

Drunken Parrot UI Kit Components & Style Guide: Free Version

## Dropdowns

## Buttons

### Core Buttons

### Call-To-Action Variant Buttons

Blue
Red
Yellow
Green
Purple
Orange

### Button Sizes

## Checkboxes and Radio Buttons

### Checkboxes

Oy! Me box is filled! No one be fillin’ my box! Got picked, but I’m disabled. Aaand I’m disabled.

### Radio

Radio is off Radio is on Disabled radio is off Disabled radio is on

## Switches

### Default

## Color Palette

### Core Colors

Lagoon
  #02baf2

Overboard
  #009dcd

Strawberry
  #f84545

First Blood
  #cc0000

Banana
  #fad46b

Doubloon
  #f3bc65

### Accent Colors

Bruise
  #a88cd5

Sugar Plum
  #9175bd

Emerald Cove
  #3eb5ac

Landlubber
  #28948c

Horizon
  #f58410

Nassua Sunset
  #e96300

### Shade Colors

The Black Flag
  #364347

Gunpowder
  #5e696d

Pieces of Eight
  #93a4aa

Cutlass
  #b2c6cd

Coral
  #d6e1e5

Costal Surf
  #e1eef3

## Input Fields

### TextField Styles

Hint text
With icon
Required
Read only

UI Designer

Disabled

### TextField Interaction

Warning
Error
Success

### TextField Sizes

Small
Medium
Large

### Typography

Source Sans Pro

Extra Light There was a ship that sailed all on the lowland sea And the name of the ship was the Golden Vanity And we feared she would be taken by the Spanish enemy As she sailed upon the lowland, lowland, lowland Sailed upon the lowland sea. Regular Then up spoke our cabinboy and boldly out spoke he And he said to our captain "What will you give to me If I swim along the side of the Spanish enemy And I sink her in the lowland sea?" Semibold "Oh I will give you silver and I will give you gold And my own fair daughter your bonny bride shall be If you'll swim along the side of the Spanish enemy And you'll sink her in the lowland, lowland, lowland Sink her in the lowland sea. Bold Then the boy he made him ready and overboard sprang he And he swam to the side of the Spanish enemy With his brace and auger in her side he bored holes three And sank he her in the lowland sea.

# h1. My name is Captain Kidd, as I sailed, as I sailed

## h2. Oh my name is Captain Kidd as I sailed, my name is Captain Kidd

### h3. And God’s laws I did forbid, and most wickedly I did as I sailed

#### h4. My father taught me well to shun the gates of hell

##### h5. But against him I rebelled as I sailed, he shoved a bible in my hand

###### h6. But I left it in the sand and I pulled away from land, as I sailed

## Pagination

### Default

- ←
- 1
- 2
- 3
- 4
- 5
- →

### Default Pager

- Previous
- Next

- Disabled
- Hover

### Aligned Pager

- ← Older
- Newer →

### Sizing

- ←
- 1
- 2
- 3
- 4
- 5
- →

- ←
- 1
- 2
- 3
- 4
- 5
- →

- ←
- 1
- 2
- 3
- 4
- 5
- →

## Navs

### Tabs

### Justified Tabs

### Pills

### Vertical Pills

## Thumbnails

### Default

### Custom Content

#### 15 men on a dead chest

Fifteen men on the dead man’s chest – Yo-ho-ho and a bottle of rum! Drink and the devil had done for the rest – Yo-ho-ho and a bottle of rum!

Arr! Avast

#### The mate was fixed

by the bos’n's pike, the bos’n brained with a marlinspike and Cookey’s throat was marked belike. It had been gripped by fingers ten.

Arr! Avast

#### And there they lay

All good dead men, like break-o’-day in a boozing-ken – Yo-ho-ho and a bottle of rum! Fifteen men of a whole ship’s list – Yo-ho-ho and a bottle of rum!

Arr! Avast

## Alerts

Primary! There's never a man looked me between the eyes and seen a good day a'terward.
Info! Damnation seize my soul if I give you quarters, or take any from you.
Success! Damn my blood... I scorn to do anyone a mischief, when it is not for my advantage.
Warning! Surrender now! This be yer last warnin’ else we won’t give no quarter.
Error! I am sorry to see you here, but if you had fought like a man, you needn't be hanged like a dog.

## Panels

### Basic

Basic panel
Panel heading without title
Panel content

### Panel title

Panel content
Panel content

### Contextual alternatives

### Panel with heading title

This be yer content in here!

### Panel with heading title

This be yer content in here!

### Panel with heading title

This be yer content in here!

### Panel with heading title

This be yer content in here!

### Panel with heading title

This be yer content in here!

### Panel with body and Table

Shiver me timbers!

My name is Captain Kidd, as I sailed, as I sailed. Oh my name is Captain Kidd as I sailed. My name is Captain Kidd and God's laws I did forbid, and most wickedly I did as I sailed.

# | Ship Name | Captain | Status
--- | --- | --- | ---
1 | Walrus | James Flint | Unknown
2 | Royal Fortune | Black Bart | Destroyed
3 | Ranger | Charles Vane | Captured

### Panel with Table

Panel heading

# | Ship Name | Captain | Status
--- | --- | --- | ---
1 | Walrus | James Flint | Unknown
2 | Royal Fortune | Black Bart | Destroyed
3 | Ranger | Charles Vane | Captured

## Navbars

### Default

### Dark

## Tiles

### Profile

#### James Hoarrd

Ship Captain

Profile

### Login

Log in
Remember Me
Forget?

## Toolbars

### Horizontal Top

### Horizontal Bottom

### Vertical Top

### Vertical Bottom