AI Hub AI Hub
  • Dashboard
  • Pages
  • Account Settings
    • Account
    • Notifications
    • Connections
  • Authentications
    • Login
    • Register
    • Forgot Password
  • Components
  • Cards
  • Extended UI
    • Perfect scrollbar
    • Text Divider
  • Boxicons
  • Forms & Tables
  • Tables
    • Star
      • John Doe Admin
      • My Profile
      • Settings
      • Billing 4
      • Log Out

    UI Elements / Cards Basic

    Card image cap
    Card title

    Some quick example text to build on the card title and make up the bulk of the card's content.

    Go somewhere
    Card title
    Support card subtitle
    Card image cap

    Bear claw sesame snaps gummies chocolate.

    Card link Another link
    Card title
    Support card subtitle
    Card image cap

    Bear claw sesame snaps gummies chocolate.

    Card link Another link
    Content types
    Body

    This is some text within a card body. Jelly lemon drops tiramisu chocolate cake cotton candy soufflé oat cake sweet roll. Sugar plum marzipan dragée topping cheesecake chocolate bar. Danish muffin icing donut.

    Titles, text, and links
    Card title
    Card subtitle

    Some quick example text to build on the card title and make up the bulk of the card's content.

    Card link Another link
    List groups
    • Cras justo odio
    • Dapibus ac facilisis in
    • Vestibulum at eros
    Images
    Card image cap

    Some quick example text to build on the card title and make up the bulk of the card's content.

    Cookie topping caramels jujubes gingerbread. Lollipop apple pie cupcake candy canes cookie ice cream. Wafer chocolate bar carrot cake jelly-o.

    Kitchen sink
    Card image cap
    Card title

    Some quick example text to build on the card title.

    • Cras justo odio
    • Vestibulum at eros
    Card link Another link
    Header and footer
    Featured
    Special title treatment

    With supporting text below as a natural lead-in to additional content natural lead-in to additional content.

    Go somewhere
    Quote

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

    Someone famous in Source Title
    Featured
    Special title treatment

    With supporting text below as a natural.

    Go somewhere
    2 days ago
    Text alignment
    Special title treatment

    With supporting text below as a natural lead-in to additional content.

    Go somewhere
    Special title treatment

    With supporting text below as a natural lead-in to additional content.

    Go somewhere
    Special title treatment

    With supporting text below as a natural lead-in to additional content.

    Go somewhere
    Images caps & overlay
    Card image cap
    Card title

    This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Last updated 3 mins ago

    Card title

    This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Last updated 3 mins ago

    Card image cap
    Card image
    Card title

    This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Last updated 3 mins ago

    Horizontal
    Card image
    Card title

    This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Last updated 3 mins ago

    Card title

    This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Last updated 3 mins ago

    Card image
    Style variation
    Header
    Primary card title

    Some quick example text to build on the card title and make up.

    Header
    Secondary card title

    Some quick example text to build on the card title and make up.

    Header
    Success card title

    Some quick example text to build on the card title and make up.

    Header
    Danger card title

    Some quick example text to build on the card title and make up.

    Header
    Warning card title

    Some quick example text to build on the card title and make up.

    Header
    Info card title

    Some quick example text to build on the card title and make up.

    Primary card title

    Some quick example text to build on the card title and make up.

    Secondary card title

    Some quick example text to build on the card title and make up.

    Success card title

    Some quick example text to build on the card title and make up.

    Danger card title

    Some quick example text to build on the card title and make up.

    Warning card title

    Some quick example text to build on the card title and make up.

    Info card title

    Some quick example text to build on the card title and make up.

    Card layout
    Card Groups
    Card image cap
    Card title

    This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Last updated 3 mins ago
    Card image cap
    Card title

    This card has supporting text below as a natural lead-in to additional content.

    Last updated 3 mins ago
    Card image cap
    Card title

    This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

    Last updated 3 mins ago
    Grid Card
    Card image cap
    Card title

    This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Card image cap
    Card title

    This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Card image cap
    Card title

    This is a longer card with supporting text below as a natural lead-in to additional content.

    Card image cap
    Card title

    This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Card image cap
    Card title

    This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Card image cap
    Card title

    This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    Masonry
    Card image cap
    Card title that wraps to a new line

    This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

    A well-known quote, contained in a blockquote element.

    Someone famous in Source Title
    Card image cap
    Card title

    This card has supporting text below as a natural lead-in to additional content.

    Last updated 3 mins ago

    A well-known quote, contained in a blockquote element.

    Someone famous in Source Title
    Card title

    This card has a regular title and short paragraph of text below it.

    Last updated 3 mins ago

    Card image cap

    A well-known quote, contained in a blockquote element.

    Someone famous in Source Title
    Card title

    This is another card with title and supporting text below. This card has some additional content to make it slightly taller overall.

    Last updated 3 mins ago

    License More Themes Documentation Support