Home
Get Started
Toggle Menu
Make an exact replica of Trello's dashboard for managing tasks. | A shadcn/ui and v0 generation - v0
Link to support-contentsprout's v0.app Profile
Top of the screen (left to right): Trello logo (grid icon), "Trello" text, "Workspaces" dropdown, "Recent" dropdown, "Starred" dropdown, "Templates" dropdown, "Create" button, Search bar (right-aligned), Bell icon, Information icon, User avatar (circular) Second row (left to right): "T" icon in pink square, "Trello workspace" text, Left arrow, "Tasks" (board title), Lock icon, "Board" dropdown, Star icon (outline), Bolt icon, "Filters" text User avatar, Red circle with "5" (notifications), "P" in circle, "Share" button Three dots (more options) Left sidebar: "Your boards" header, "Board Name" Main content area (three columns): "To do" card, "In Progress" card, and completed card. Each card has left aligned text and three dots on the top right to make edits. The final option is a small rectangle option that says "Add a card" button with plus icon Right side: "+ Add another list" button
Add
component
to project
Learn more
npx v0 add
a1B2c3d4
component.jsx
(read-only)
Log In to Copy Code
To enable copying code, saving to favorites, forking, and other features, please sign up or log in.
Authenticate
Copy Code
Copy CLI command
Link to support-contentsprout's v0.app Profile
Top of the screen (left to right): Trello logo (grid icon), "Trello" text, "Workspaces" dropdown, "Recent" dropdown, "Starred" dropdown, "Templates" dropdown, "Create" button, Search bar (right-aligned), Bell icon, Information icon, User avatar (circular) Second row (left to right): "T" icon in pink square, "Trello workspace" text, Left arrow, "Tasks" (board title), Lock icon, "Board" dropdown, Star icon (outline), Bolt icon, "Filters" text User avatar, Red circle with "5" (notifications), "P" in circle, "Share" button Three dots (more options) Left sidebar: "Your boards" header, "Board Name" Main content area (three columns): "To do" card, "In Progress" card, and completed card. Each card has left aligned text and three dots on the top right to make edits. The final option is a small rectangle option that says "Add a card" button with plus icon Right side: "+ Add another list" button
History
Toggle
v0
v1
Desktop
Tablet
Mobile
Full Screen
History
Theme
Code
