Plane UI components examples

Browse Plane UI component design examples. Preview individual interface elements and explore related component categories. Project management tool from the future.

Explore the examples

Plane — Hero section component

Hero section

Plane — Theme settings component

A theme selection modal

Theme settings

Plane — Toggle/Switch component

A toggle switch to enable cycles for all projects in a workspace.

Toggle/Switch

Plane — Accordion component

A project card showing progress and status.

Accordion

Plane — Card component

A task card with status and due date

Card

Plane — Card component

A card with a title, description, date and a status tag.

Card

Plane — Table component

A table displaying project issues and their details.

Table

Plane — Badge component

A label component with a close action

Badge

Plane — Datepicker component

A date picker modal

Datepicker

Plane — Dropdown menu component

A dropdown menu with a search bar and a list of options.

Dropdown menu

Plane — Badge component

A button with an icon and text

Badge

Plane — Tabs component

A tabbed navigation component with a selected state indicator.

Tabs

Browse the full component library

Browse the full UI component library.

Trusted by the best teams

Related apps