LN

Member List

Dashboards 203

About

Here is modern Member list by indev ui

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Member List to your project and fits it to your theme.

Code

How Member List is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

// demo.tsx
import React from 'react';
import MemberList from '@/components/ui/member-list';

const MemberListDemo = () => {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-gray-100 dark:bg-gray-900 p-4">
      <div className="w-full max-w-4xl mx-auto border rounded-lg overflow-hidden shadow-lg">
        <MemberList />
      </div>
    </div>
  );
};

export { MemberListDemo as DemoOne };

Dependencies

More by LN

View all
  • Pricing Interaction

    Pricing Interaction

    1.4K
  • Dorpdown Navigation

    Dorpdown Navigation

    1.2K
  • Visualize Booking

    Visualize Booking

    623
  • Assisted Password Confirmation

    Assisted Password Confirmation

    595
  • Tags Selector

    Tags Selector

    549
  • Mega Menu

    Mega Menu

    391
  • Feedback Slider

    Feedback Slider

    326
  • FlipButton

    FlipButton

    292

More in Dashboards

View all
  • Dashboard with Collapsible Sidebar

    Dashboard with Collapsible Sidebar

    2.5K
  • Sidebar

    Sidebar

    274
  • SaaS Template

    SaaS Template

    2.5K
  • Chat template

    Chat template

    608
  • Rate Limit Meter

    Rate Limit Meter

    23
  • Stats Bento

    Stats Bento

    1.1K
  • System Status Block

    System Status Block

    309
  • Course Design Cards

    Course Design Cards

    1.1K