Clip UI

PRO v2.0
User interface Kit

Buttons Variations

Colors

Blocks and sizes

Button with Icons

Navbars

Invert Nav

Panels

Invert Panel

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.

Light Panel

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.

Success Panel

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.

Danger Panel

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.

Tabs

Light Tab

Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed add screened rendered six say his striking confined.

When be draw drew ye. Defective in do recommend suffering. House it seven in spoil tiled court. Sister others marked fat missed did out use. Alteration possession dispatched collecting instrument travelling he or on. Snug give made at spot or late that mr.

Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an. Active mutual nor father mother exeter change six did all.

Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the.

When be draw drew ye. Defective in do recommend suffering. House it seven in spoil tiled court. Sister others marked fat missed did out use. Alteration possession dispatched collecting instrument travelling he or on. Snug give made at spot or late that mr.

Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an. Active mutual nor father mother exeter change six did all.

Invert Tab

Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed add screened rendered six say his striking confined.

When be draw drew ye. Defective in do recommend suffering. House it seven in spoil tiled court. Sister others marked fat missed did out use. Alteration possession dispatched collecting instrument travelling he or on. Snug give made at spot or late that mr.

Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an. Active mutual nor father mother exeter change six did all.

Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the.

When be draw drew ye. Defective in do recommend suffering. House it seven in spoil tiled court. Sister others marked fat missed did out use. Alteration possession dispatched collecting instrument travelling he or on. Snug give made at spot or late that mr.

Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an. Active mutual nor father mother exeter change six did all.

Vertical Light Tab

Carriage quitting securing be appetite it declared. High eyes kept so busy feel call in. Would day nor ask walls known. But preserved advantage are but and certainty earnestly enjoyment. Passage weather as up am exposed. And natural related man subject.

Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the.

When be draw drew ye. Defective in do recommend suffering. House it seven in spoil tiled court. Sister others marked fat missed did out use. Alteration possession dispatched collecting instrument travelling he or on. Snug give made at spot or late that mr.

Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an.

Vertical Invert Tab

Carriage quitting securing be appetite it declared. High eyes kept so busy feel call in. Would day nor ask walls known. But preserved advantage are but and certainty earnestly enjoyment. Passage weather as up am exposed. And natural related man subject.

Fulfilled direction use continual set him propriety continued. Saw met applauded favourite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities the.

When be draw drew ye. Defective in do recommend suffering. House it seven in spoil tiled court. Sister others marked fat missed did out use. Alteration possession dispatched collecting instrument travelling he or on.

Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an.

Accordions

Invert Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Default Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Popovers & Tooltips

Popovers directions

Tooltips directions

Paginations

Small Paginations | Invert

Normal Paginations | Info

Large Paginations | Gold

Badges

Color circle

Color square

Labels

Color labels

Default
Info
Success
Invert
Danger
Gold
Warning

Breadcrumbs

Light Breadcrumbs

Invert Breadcrumbs

Alerts

Success Alert! You successfully read this important alert message.
Danger Alert! Change a few things up and try submitting again.
Warning Alert! Better check yourself, you're not looking too good.
Info Alert! This alert needs your attention, but it's not super important.
Invert Alert! Better check yourself, you're not looking too good.
Default Alert! This alert needs your attention, but it's not super important.

Progress Bar

Basic

90

Basic

Contextual alternatives

45% Complete (success)

Striped

75% Complete (success)

Active

Active 75% 75% Complete (success)

Stacked

45% 45% Complete (success)
25% 25% Complete (warning)
10% 10% Complete (danger)

Form Inputs

Default

Invert

Error

Warning

Form Sizes

Large input

Small input

Input Groups & Addons

Left addon | icon

Right addon | icon

Button assigned

Dropdowns assigned

Replaced Checkboxes & Radio Buttons

Switches

Size Switches

Large Switch

Regular Switch

Small Switch

Mini Switch

Color Switches

Success Switch

Gold Switch

Danger Switch

Invert Switch

Icon Switches

Radio Switches

Sliders

Default Slider

1

Color Slider

Invert Slider

1

Info Slider

12

Gold Slider

25

Danger Slider

55

Knobs

Sizes & Example Knobs

Round Knob

Arc Knob

Digit Knob

Tron Knob

Color Knobs

Warning Knob

Invert Knob

Danger Knob

Gold Knob

Portlets

Example Drag and Drop

  • Draggable Portlet 1

    Difficulty on insensible reasonable in. From as went he they. Preference themselves me as thoroughly partiality considered on in estimating.

  • Draggable Portlet 2

    Examine she brother prudent add day ham. Far stairs now coming bed oppose hunted become his. You zealously departure had procuring suspicion.

  • Draggable Portlet 3

    To shewing another demands to. Marianne property cheerful informed at striking at. Clothes parlors however by cottage on. In views it or meant drift to.

  • Draggable Portlet 4

    Examine she brother prudent add day ham. Far stairs now coming bed oppose hunted become his. You zealously departure had procuring suspicion.

  • Draggable Portlet 5

    To shewing another demands to. Marianne property cheerful informed at striking at. Clothes parlors however by cottage on. In views it or meant drift to.

  • Draggable Portlet 6

    To shewing another demands to. Marianne property cheerful informed at striking at. Clothes parlors however by cottage on. In views it or meant drift to.

Tables
new

Table - Basic Example

Product Reference Stock Activate Price
Product #1 SV 456 878 647
Active 75% 75% Complete (success)
$21.00
Product #2 JBG 588 735 457
Active 90% 90% Complete (success)
$22.54
Product #3 YT 124 856 565
Active 30% 30% Complete (success)
$25.20

Table - Striped

Product Reference Stock Activate Price
Product #1 SV 456 878 647
Active 75% 75% Complete (success)
$21.00
Product #2 JBG 588 735 457
Active 90% 90% Complete (success)
$22.54
Product #3 YT 124 856 565
Active 30% 30% Complete (success)
$25.20

Table - Contextual

Product Reference Stock Activate Price
Product #1 SV 456 878 647
Active 75% 75% Complete (success)
$21.00
Product #2 JBG 588 735 457
Active 90% 90% Complete (success)
$22.54
Product #3 YT 124 856 565
Active 30% 30% Complete (success)
$25.20

Blockquotes
new

Default Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Color Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Wells
new

Default Well

Look, I'm in a well

Color Well

Look, I'm in a color well

Large Well

Look, I'm in a large well

Small Well

Look, I'm in a small well

Pricing Tables
new

Default Pricing Table

Basic

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
£59.99/mo

Unlimited Email Addresses

50GB Disk Space

Unlimited MySQL Databases

Unlimited Domains

Free Billing Systems

Color Pricing Table

Advance

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
£127.34/mo

Unlimited Email Addresses

50GB Disk Space

Unlimited MySQL Databases

Unlimited Domains

Free Billing Systems

Loading Spinner
new

Examples

Carousel
new

A Slideshow Component

Icons

Delicons (300 Gliphs)

Social Icons

Interface Icons

Multimedia Icons

Technology Icons

Tools Icons

Monuments Icons

Food Icons

Logos Icons

Color Swatches

#65b245
Green (Success)
#007D3D
Success Hover
#FBC70E
Yellow (Warning)
#FBC70E
Warning Hover
#e02626
Red (Danger)
#B11B1B
Danger Hover
#60c2e8
Blue (Info)
#1A8FBF
Info Hover
#b7ac25
Brown (Gold)
#99901f
Gold Hover
#414142
Black (Invert)
#212122
Invert Hover
#ffffff
White (Default)
#e3e4e5
Default Hover
#BAE8B9
Green (Gsoft)
#a8d2a7
Gsoft Hover
#F8E8AE
Yellow (Wsoft)
#e5d6a0
Wsoft Hover
#F4BFBF
Red (Rsoft)
#e2b0b0
Rsoft Hover
#A7DCF2
Blue (Isoft)
#98c9dd
Isoft Hover