List Templates - UI Component Library

A collection of responsive, professional list components. Each template is fully themeable and ready for content integration.

Basic Unordered List
lists

Basic Unordered List

A refined, professional unordered list featuring custom bullet interaction and optional visual divid...

Core Minimal Clean UI
Ordered Numbered List
lists

Ordered Numbered List

A professional numbered list featuring custom circular counters with advanced hover transformations.

Core Numbered Clean UI
Inline Horizontal List
lists

Inline Horizontal List

A flexible horizontal list perfect for secondary navigation, footer links, or horizontally grouped l...

Core Horizontal Inline Navigation
Divider-Separated List
lists

Divider-Separated List

A sophisticated vertical list with clean typographic hierarchy, descriptive subtexts, and customizab...

Core Dividers Action UI
Bulletless Minimal List
lists

Bulletless Minimal List

An ultra-minimalist list that relies solely on whitespace and typography for structure. Perfect for ...

Core Minimal Clean Typography
Single Column List
lists

Single Column List

A high-focus single column layout balanced for linear content like tutorials, course modules, or pro...

Layout Centered Clean UI
Multi-Column List
lists

Multi-Column List

Uses CSS columns to automatically balance large lists across multiple vertical tracks. Perfect for s...

Layout Balanced Content UI
Grid-Based List
lists

Grid-Based List

A responsive grid of feature-style cards. Each item includes an icon, title, and description area.

Layout Grid Cards Responsive
Two-Panel List Layout
lists

Two-Panel List Layout

A Master-Detail layout inspired by modern messaging and email apps. Features a scrollable list panel...

Layout App Interactive UI
Sidebar List Layout
lists

Sidebar List Layout

A professional SaaS-style sidebar navigation list with support for grouping, labels, and beautiful i...

Layout Sidebar Nav SaaS
Clickable Navigation List
lists

Clickable Navigation List

A refined vertical list optimized for secondary navigation. Includes hover translations, active stat...

Interactive Navigation Links UI
Selectable List
lists

Selectable List

A single-selection interactive list featuring custom radio-style indicators and high-focus selection...

Interactive Selection Forms UI
Multi-Select List
lists

Multi-Select List

A multi-selection list with custom checkboxes and a dynamic counter tracking selection quantity.

Interactive Multi-Select Forms UI
Expandable List
lists

Expandable List

A high-fidelity accordion list with smooth height transitions and interactive rotating toggle indica...

Interactive Accordion FAQ UI
Collapsible Section List
lists

Collapsible Section List

Grouped content list with collapsible section headers. Ideal for complex sidebars or categorized set...

Interactive Collapsible Organization UI
Drag-and-Drop Sortable List
lists

Drag-and-Drop Sortable List

A fully functional sortable list using native HTML5 Drag and Drop API. Perfect for backlogs and prio...

Interactive Sortable Functional UI
Vertical Navigation List
lists

Vertical Navigation List

A standard vertical navigation list with support for nested sub-menus and active state indicators.

Navigation Menu Vertical UI
Sidebar Menu List
lists

Sidebar Menu List

A professional sidebar menu optimized for administrative dashboards. Includes category labels and ri...

Sidebar Navigation Admin UI
Dropdown Menu List
lists

Dropdown Menu List

A refined, high-density dropdown list featuring item dividers and dedicated danger zones.

Dropdown Menu Utility UI
Mega Menu List
lists

Mega Menu List

An extensive multi-column list structure designed for large mega menus. Includes descriptive items a...

Mega Menu Navigation Multi-column UI
Breadcrumb List
lists

Breadcrumb List

A professional breadcrumb navigation list with custom separators and active state highlighting.

Navigation Breadcrumbs Pills UI
Key-Value Pair List
lists

Key-Value Pair List

A vertical list of label-value pairs with clean alignment and status indicators. Perfect for order s...

Data Summary Pairs UI
Definition List Layout
lists

Definition List Layout

A semantic grid-based layout for term definitions. Features a clean multi-column desktop view that c...

Data Semantic Glossary UI
Summary List
lists

Summary List

A focused summary component optimized for billing and checkout interactions. Includes dashed separat...

Data Checkout Summary UI
Compact Data List
lists

Compact Data List

A high-density data presentation list. Ideal for displaying technical metadata, system specs, or inv...

Data Technical Compact UI
Labeled Info List
lists

Labeled Info List

A modern grid-based information panel with labels positioned above values. Perfect for profile detai...

Data Profile Grid UI
Activity Feed List
lists

Activity Feed List

A dynamic activity feed with vertical connectors and vibrant status indicators. Perfect for tracking...

Feed Timeline Social UI
Notification List
lists

Notification List

An application-style notification center featuring unread state highlights, category icons, and high...

Feed Notifications App UI
Message Thread List
lists

Message Thread List

A professional messaging thread view with online status dots, unread indicators, and overflow-protec...

Feed Messages Chat UI
Comment List
lists

Comment List

A complex threaded comment list supporting nested replies, social action links, and hierarchical dep...

Feed Comments Discussions UI
Timeline List
lists

Timeline List

A sleek vertical timeline for historical events or project milestones. Features high-contrast marker...

Feed Timeline History UI
Checkbox List
lists

Checkbox List

A modern checkbox selection list with card-based items. Features custom-styled checkmarks and subtle...

Form Selection Checkboxes UI
Radio Selection List
lists

Radio Selection List

An elegant single-choice radio list layout. Includes rich descriptions and price-tag support for sub...

Form Selection Radio UI
Toggle Option List
lists

Toggle Option List

A sleek list of settings governed by custom-styled toggle switches. Optimized for system preferences...

Form Selection Toggle UI
Settings List
lists

Settings List

A robust mobile-style account settings menu. Features icon-based navigation, hierarchical labels, an...

Form Navigation Settings UI
Preference Selection List
lists

Preference Selection List

A high-impact grid of interactive preference cards. Features icon scaling and card-level selection s...

Form Selection Grid UI
Minimal Flat List
lists

Minimal Flat List

A focused, geometric list design with no border radius and high-contrast elements. Features smooth i...

Style Minimal Flat UI
Card-Style List
lists

Card-Style List

A decoupled list layout where every item is treated as an individual elevated card. Includes rich ic...

Style Cards Modules UI
Bordered List
lists

Bordered List

A structured list focusing on strong visible boundaries. Features dual-layered labels and interactiv...

Style Borders Stroked UI
Shadowed List
lists

Shadowed List

An elevated list using multi-layered soft shadows for deep dimensionality. Includes numeric indexing...

Style Shadows Elevated UI
Glassmorphism List
lists

Glassmorphism List

A ultra-modern frosted glass effect list. Uses high-performance backdrop-filters and semi-transparen...

Style Glass Frosted UI
Neumorphism List
lists

Neumorphism List

A soft-UI list implementing the Neumorphic design aesthetic with dual-shadow extrusion and inset act...

Style Soft UI Neumorphic UI
Loading Skeleton List
lists

Loading Skeleton List

A high-fidelity loading placeholder with shimmer animations. Used to improve perceived performance d...

State Loading Skeleton UI
Empty State List
lists

Empty State List

A directive empty state view with illustration support and prominent call-to-action buttons for onbo...

State Empty Onboarding UI
Error State List
lists

Error State List

A robust failure state component with clear messaging, retry actions, and system error tracking indi...

State Error Feedback UI
Highlighted Item List
lists

Highlighted Item List

A demonstration of active list selection, featuring Prominent visual cues, scale effects, and condit...

State Selection Focus UI
Disabled Item List
lists

Disabled Item List

Illustrates inactive or restricted states using grayscale filters, dashed borders, and clear status ...

State Disabled Locked UI
Nested Hierarchy List
lists

Nested Hierarchy List

A complex multi-level hierarchy with visual connectors and context-aware iconography for deep inform...

Advanced Hierarchy Nested Structure
Tree View List
lists

Tree View List

A functional directory-style tree with expandable/collapsible nodes, ideal for file systems or compl...

Advanced Tree Directory Navigation
Grouped Section List
lists

Grouped Section List

Organizes related information into distinct, module-like sections with prominent headers and clean c...

Advanced Grouped Sections Module
Categorized List
lists

Categorized List

A flexible categorized view using a tag-based layout for efficient filtering and high-density inform...

Advanced Categorized Tags Labels
Indexed Alphabetical List
lists

Indexed Alphabetical List

A classic alphabetical directory with a sticky side-navigation index for rapid item discovery and br...

Advanced Indexed Alphabetical Directory

No matching templates found

Try searching for different keywords or styles.