Tailwind CSS Card - Nira UI
Nira UI Cards are flexible container components for presenting text, images, links, and actions in a clean, structured layout.
Default Card
A simple card with text content:
This is some text within a card.Card with Title, Body, and Footer
Cards can include a title, subtitle, main content, and footer action.
Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Card with Image on Top
Showcase an image above your card content.
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
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Card with Image on Bottom
You can also place the image at the bottom to emphasize the content first.
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Last updated 5 mins ago
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Last updated 5 mins ago
Card Variants
Cards can include headers, footers, or additional styling.
Featured
Featured
Bordered Cards
Highlight cards using bordered variants with color customization.