Copy & Form Elements

Example of Various UI Elements

The following is a sample of the type of UI elements you can create for your site or app with the ability to easily implement one-off CSS customizations when needed.


  • One-off customization
  • aute aliqua id
  • ullamco labore magna
  • nostrud exercitation anim
  • sint enim incididunt
  • et ullamco aute
  • sunt dolor esse
  • minim laborum cillum
  • veniam irure proident
  • sit irure ea
  1. Lorem incididunt non
  2. deserunt voluptate dolore
  3. tempor in officia
  4. dolore consectetur ea
  5. magna fugiat cillum
  6. anim mollit et
  7. consequat fugiat duis
  8. eu eiusmod culpa
  9. id aliquip do
  10. aliquip exercitation veniam



Look pa', I'm a standard alert!
I'm an alert with a secondary variant applied and an onClose handler
I'm an alert with a pending variant applied
I'm an alert with an error variant applied
I'm an alert with a disabled app state variant applied

All paragraph text have access to global default styles, that you define and customize in the theme. If you need to apply inline one-off CSS rules, you can. Same goes for links and any other HTML UI element you see on this demo page, e.g. an image, table, captions, etc.

Nisi reprehenderit nostrud excepteur duis consequat ex veniam mollit. Duis deserunt irure ut ullamco esse nisi aute nostrud. Note: this is just placeholder text.

Grid Layouts (Intrinsic)#

adipisicing dolor

Esse sint do adipisicing esse et minim et duis. Lorem quis irure cillum aliquip id elit dolore ad. Occaecat eu minim nulla excepteur veniam nulla esse minim. Consectetur voluptate incididunt cillum commodo proident veniam et Lorem. Incididunt exercitation nisi consectetur laboris reprehenderit mollit anim nostrud. Laborum irure consequat pariatur proident culpa ea aliqua nulla.

laboris consectetur anim

Ea est mollit mollit cupidatat proident deserunt Lorem enim. Est do dolor velit nisi velit cupidatat laboris ea. Dolore veniam quis duis dolor dolore consequat pariatur velit. Eu veniam nostrud adipisicing ut minim sint voluptate in. Culpa Lorem id nulla mollit tempor anim pariatur officia. Est culpa esse amet fugiat est pariatur non ex.

commodo esse

Lorem ea tempor fugiat cupidatat ea fugiat esse ipsum. Sit veniam eiusmod veniam consectetur ad incididunt in laborum. Reprehenderit mollit ex dolore adipisicing non laboris incididunt aliquip. Consequat labore aliqua mollit deserunt occaecat pariatur occaecat ad. Pariatur irure eiusmod ad anim reprehenderit occaecat adipisicing eu. Quis cupidatat voluptate amet elit ea pariatur proident esse.

incididunt eiusmod in

Cupidatat tempor ullamco cupidatat et ipsum voluptate cupidatat eiusmod. Nisi ex aute aute adipisicing deserunt sint commodo dolor. Adipisicing sunt do tempor cillum voluptate mollit fugiat aliquip. In voluptate dolore eiusmod culpa sunt labore non proident. Deserunt eiusmod excepteur ipsum pariatur esse aliqua ullamco non. Adipisicing sunt incididunt ea exercitation elit nulla duis occaecat.


Create some snazzy forms with extensible data-collecting UI components, like the following: