A comprehensive showcase of UI components and styles for consistent design implementation.
Regular paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.
Text capitalize. this text will be capitalized.
Text uppercase. this text will be in uppercase.
This text is center aligned.
This text is justified. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
This text is bold.
This text is italicized.
This text has font-weight-bold class.
This text uses the light text color.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Card with primary accent.
Card with secondary accent.
Card with danger accent.
Card with success accent.
This card has a dedicated header section that's separated from the main content.
Radio Buttons:
Select a checkbox:
Basic List:
Unordered Styled List:
Ordered Styled List:
| Material | Quantity | Cost price | Selling price |
|---|---|---|---|
| Acrylic (Transparent) | 25 | $2.90 | $5.90 |
| Plywood (Birch) | 50 | $1.25 | $2.25 |
| Laminate (Gold on Blue) | 10 | $2.35 | $3.05 |
| Employee Name | Position | Salary | Actions | |
|---|---|---|---|---|
| John Smith | Software Engineer | $85,000 | ||
| Jane Doe | Product Manager | $95,000 | ||
| Robert Johnson | UX Designer | $78,000 |