List Components

Explore a comprehensive collection of list designs for various use cases, from simple lists to complex data presentations.

Simple Lists

Basic list styles for various use cases.

Bulleted List

  • Dashboard overview and key metrics
  • User management and permissions
  • Content management system
  • Analytics and reporting tools
  • Integration with third-party services

Numbered List

  1. Create a new project
  2. Add team members to collaborate
  3. Set up project milestones
  4. Track progress and update status
  5. Complete project and review results

Icon List

  • Free 14-day trial
  • No credit card required
  • Cancel anytime
  • 24/7 customer support

Divider List

  • Dashboard overview
  • User management
  • Content management
  • Analytics and reporting
  • Third-party integrations

Interactive List

Two-Column List

  • Product:Premium Plan
  • Price:$49.99/month
  • Users:Up to 10
  • Storage:100GB
  • Support:Priority

Stacked Lists

Card-based lists with rich content.

Team Members

  • JD

    John Doe

    john.doe@example.com

    Product Manager
  • JS

    Jane Smith

    jane.smith@example.com

    UX Designer
  • RJ

    Robert Johnson

    robert.johnson@example.com

    Developer

Recent Articles

  • Getting Started with Tailwind CSS

    Learn the basics of Tailwind CSS and how to set up your first project.

    5 min readMay 15, 2023
  • Advanced Tailwind Techniques

    Take your Tailwind skills to the next level with these advanced techniques.

    8 min readJun 2, 2023
  • Building Responsive UIs

    Learn how to create responsive user interfaces that work on any device.

    6 min readJun 10, 2023

Premium Features

  • Advanced Analytics

    Get detailed insights into your business performance with advanced analytics tools.

  • Team Collaboration

    Work together seamlessly with your team members on projects and tasks.

  • API Integration

    Connect with your favorite tools and services through our robust API.

Account Settings

  • Profile Information

    Update your account profile details

  • Password

    Change your password

  • Notifications

    Manage your notification preferences

  • Billing Information

    Update your billing details and payment methods

Table-Style Lists

Structured data presentation in tabular format.

Product Inventory

ProductCategoryPriceStock
Wireless Headphones
Electronics
$99.99
In Stock
Smart Watch
Electronics
$199.99
In Stock
Bluetooth Speaker
Electronics
$79.99
Out of Stock
Laptop Backpack
Accessories
$49.99
Low Stock

User Management

UserRoleStatusLast LoginActions
JD
John Doe
john.doe@example.com
Admin
ActiveToday, 10:30 AM
JS
Jane Smith
jane.smith@example.com
Editor
ActiveYesterday, 3:15 PM
RJ
Robert Johnson
robert.johnson@example.com
User
Inactive2 weeks ago

Email-Style Lists

Lists that mimic email inbox interfaces.

Inbox

  • JS

    Jane Smith

    New

    Project Update: New Designs Ready

    10:30 AM

    Hi team, I've completed the new designs for the dashboard. Please review and provide feedback at your earliest convenience.

    dashboard-designs.fig (2.4 MB)
  • TS

    Tech Support

    Your ticket #45678 has been resolved

    Yesterday

    We've resolved the issue you reported with your account settings. Please let us know if you need any further assistance.

  • N

    Newsletter

    Weekly Digest: Top Stories

    May 20

    This week's top stories: New product launches, industry trends, and upcoming events you won't want to miss.

  • RJ

    Robert Johnson

    Meeting notes from yesterday

    May 18

    Attached are the notes from yesterday's meeting. We discussed the project timeline and assigned tasks to team members.

    meeting-notes.pdf (1.2 MB)
  • A

    Accounting

    Invoice #INV-2023-05-15 is due

    May 15

    This is a reminder that your invoice #INV-2023-05-15 for $1,250.00 is due on May 30, 2023. Please make payment at your earliest convenience.

    invoice-2023-05-15.pdf (856 KB)

Chat-Style Lists

Lists that mimic messaging app interfaces.

Chat with Jane Smith

JS

Hi there! How's the project coming along?

10:30 AM

Hey Jane! It's going well. I've completed the initial designs.

10:32 AM
JS

That's great to hear! Can you share them with me?

10:33 AM

Sure thing! I'll send them over right away.

10:35 AM

Here are the design files:

dashboard-designs.fig (2.4 MB)
10:36 AM
JS

Got them, thanks! I'll review and get back to you with feedback.

10:38 AM

Task Lists

Lists for tracking tasks and projects.

Project Tasks

  • Design system components

    DesignHigh Priority
    Due May 25

    Create a comprehensive design system with reusable components for the new product.

    JS
    TW
    2 assignees
  • Implement authentication flow

    DevelopmentMedium Priority
    Due May 28

    Implement user authentication including login, registration, and password reset.

    RJ
    1 assignee
  • Create project documentation

    DocumentationCompleted
    Completed May 20

    Create comprehensive documentation for the project including setup instructions and API references.

    JD
    1 assignee
  • User testing and feedback

    TestingLow Priority
    Due Jun 5

    Conduct user testing sessions and collect feedback for improvements.

    JS
    JD
    RJ
    3 assignees

Timeline Lists

Chronological lists for events and activities.

Project Timeline

  1. Project KickoffCompleted

    Initial project kickoff meeting with all stakeholders. Defined project scope, goals, and timeline.

    JD
    JS
    RJ
  2. Design PhaseCompleted

    Created wireframes, mockups, and design system for the project. Received stakeholder approval on final designs.

    JS
  3. Development PhaseIn Progress

    Implementing frontend and backend components based on approved designs. Setting up infrastructure and databases.

    RJ
  4. Testing and LaunchUpcoming

    Quality assurance testing, user acceptance testing, and final preparations for product launch.

Notification Lists

Lists for displaying user notifications and alerts.

Notifications

  • New message from Jane Smith

    "Hi there! I wanted to discuss the project timeline with you..."

    10 minutes ago

  • Your task "Create project documentation" was completed

    1 hour ago

  • Robert Johnson added you to the project "Dashboard Redesign"

    2 hours ago

  • Reminder: Team meeting in 30 minutes

    3 hours ago

  • System alert: Server maintenance scheduled for tonight

    5 hours ago