Tailwind CSS 3.4

Display

Avatars, lists, data tables, and collapsible accordions for presenting content

Avatars

User avatars with images, initials, sizes, shapes, and status indicators:

Sizes
XS
SM
MD
LG
XL
2X
Shapes
AB
CD
EF
Status Indicators
ON
OF
AW
BS

Lists

Ordered and unordered lists with dividers and borders:

Unordered
  • Dashboard
  • Profile Settings
  • Notifications
  • Logout
Ordered
  • Create an account
  • Configure settings
  • Add team members
  • Launch project
Divided
  • John SmithAdministrator
  • Jane DoeEditor
  • Bob WilsonViewer
Bordered
  • Inbox12 new messages
  • Drafts3 drafts
  • SentLast sent 2h ago

Tables

Data tables with striped rows, hover effects, borders, and compact mode:

Striped & Hoverable
NameRoleStatus
Alice JohnsonDeveloperActive
Bob SmithDesignerActive
Carol WhiteManagerAway
David BrownQA EngineerOffline
Bordered
ProductPriceQuantity
Widget A$9.99150
Widget B$14.9985
Widget C$24.9942
Compact
IDEventDate
001Login2026-02-14
002Page View2026-02-14
003Download2026-02-14
004Logout2026-02-14

Accordions

Collapsible content panels with single and multiple expansion modes:

Single Expansion (Default)

Oorian is a server-side Java web framework that lets you build interactive web applications entirely in Java.

Multiple Expansion, Bordered

Install the library, create your first page, and deploy to any servlet container.

Flush Style