UI Lab

    Card

    Explore different variants and configurations of the Card component.

    Card

    Basic Card

    Create Project

    Deploy your new project in one-click.

    Notifications

    Manage your notification settings.

    Receive push notifications

    Receive email updates

    Stats Cards

    Total Revenue

    $45,231.89

    +20.1% from last month

    Subscriptions

    +2,350

    +180.1% from last month

    Sales

    +12,234

    -4.5% from last month

    Active Now

    +573

    +201 since last hour

    Pricing Cards

    Starter

    Perfect for individuals

    $0/mo
    • 5 projects
    • Basic analytics
    • Community support
    Most Popular

    Pro

    Best for growing teams

    $29/mo
    • Unlimited projects
    • Advanced analytics
    • Priority support
    • Custom integrations

    Enterprise

    For large organizations

    $99/mo
    • Everything in Pro
    • Dedicated support
    • SLA guarantee
    • Custom contracts
    Profile Card
    JD

    John Doe

    Senior Developer

    124

    Posts

    8.2k

    Followers

    256

    Following

    SM

    Sarah Miller

    San Francisco, CA

    Product Designer with 8+ years of experience. Passionate about creating beautiful and functional interfaces.

    UI/UX
    Design Systems
    Figma
    4.9 rating Joined 2019
    Social Post Card
    AB
    Alex Brown
    Pro

    @alexbrown • 2h ago

    Just shipped a new feature! 🚀 Really excited about this one - it's going to make everyone's workflow so much smoother. Check it out and let me know what you think!

    New Feature Announcement

    blog.example.com

    Notification Card

    Notifications

    JD

    John Doe liked your post

    2m ago

    SM

    Sarah Miller commented on your photo

    1h ago

    AB

    Alex Brown started following you

    3h ago

    TC

    Tom Chen mentioned you in a comment

    5h ago

    Progress Card

    Project Progress

    In Progress

    Website Redesign

    Overall Progress75%
    DesignComplete
    DevelopmentIn Progress
    TestingPending
    Due Dec 15
    JDSMAB
    Event Card

    DEC

    15

    Team Standup

    10:00 AM - 10:30 AM

    Weekly sync to discuss project updates, blockers, and priorities for the week ahead.

    Conference Room A / Zoom
    Attendees:
    JDSMABTC
    +3