Turbine
Theme Settings
Mode
Direction
Layout
Primary Color
Layout Rounded
Navbar Type
Footer Type
Card Style
Sidebar Settings

Theme

User Profile

Header Settings

Theme

Sidebar Background

Settings are automatically saved to your browser's local storage.

© 2025 Turbine UI

Home / UI Elements / List Group

List Group

Flexible components for displaying lists of linked items

Basic List Group

The most basic list group with list items.

  • Profile
  • Settings
  • Newsletter
With Icons

List group with decorative icons.

  • Newsletter
  • Downloads
  • Team Account
Links

Actionable list items with hover and active states.

Active Item Link Item Disabled Item
Buttons

Button-based actionable list items.

Striped

Zebra-striping list items.

  • Profile
  • Settings
  • Newsletter
  • Downloads
  • Team Account
Flush

Remove borders and rounded corners.

  • Profile
  • Settings
  • Newsletter
Horizontal

Horizontal list group layout.

  • Newsletter
  • Downloads
  • Team
With Badges

Add badges for counts and notifications.

  • Profile New
  • Settings 2
  • Newsletter 99+
Invoice Style

List group with highlighted footer for invoices.

  • Payment to Front $264.00
  • Tax fee $52.80
  • Amount paid $316.80
Colored Variants

List items with different color backgrounds.

  • Primary Item
  • Success Item
  • Warning Item
  • Danger Item
User List

Complex list with avatars and descriptions.

  • Avatar
    John Doe john@example.com
    Online
  • Avatar
    Jane Smith jane@example.com
    Offline
  • Avatar
    Emily Chen emily@example.com
    Away
Task List

Checkbox list for tasks.

  • Complete project documentation
  • Review pull requests
  • Deploy to production
  • Update dependencies