Raptor

Raptor helps you style entire web applications.

Using RaptorUI

To use RaptorUI, dump this your page:

<link href="http://raptorui.com/raptor/raptor.css" rel="stylesheet" type="text/css" /> 
<script src="http://raptorui.com/raptor/raptor.js" type="text/javascript"></script> 

<link href="http://raptorui.com/raptor/uis/raptorui/ui.css" rel="stylesheet" type="text/css" />
<script src="http://raptorui.com/raptor/uis/raptorui/ui.js" type="text/javascript"></script>

 

Or bookmark this link:

addRaptor

Create Buttons

Sample Button

Create Styled Textboxes

Create Styled Checkboxes

Test
Pork

Create Styled Radios

Same
Same
Different

Style Selects

Style Selects as Combo Selects

Create List Selects

Create Lists

  • Engine Block Config: 3.60 Liters H6
  • Cam Type: Dual Overhead Cam
  • Valves Per Cylinder: 4
  • Fuel Type: Gas
  • Doors: 2 Doors
  • Drive Train Type: AWD
  • Body Type: Coupe
  • Aspiration: Twin Turbocharged
  • Restraint System: Passive Belts

Create Color Swatches

Create Checklists

With multiple values

Create Custom Options

And add all the options you would love to

All Types of Panels

Test Panel insides

Title

Test

Create Tabs

Basic Inventory Vehicle Data

Year:
Make:
Model:
Trim:
VIN:
Mileage:
EPA City MPG:
EPA Highway MPG:
Price:
Title:
Warranty:
Engine:
Drive Train:
Transmission:
Exterior:
Interior:
Number of Doors:
Vehicle Type:
standard
other
other
other