Ndeko UI

14 components

Modal

Every variant is built on Ndeko UI primitives and its design language. Open the code of any of them to copy it or the command that installs it.

Invite people

modal-01

Product team

Invite people

They get an e-mail with a link to join the team

Press Enter or a comma after each address, or paste a list

  • 1 address is not valid. Fix or remove it
  • 1 person is already in the team and is skipped
  • 1 person was already invited and gets the e-mail again

Pending invitations

5

  • noor.haddad@lattice.example

    Member · Invited Nov 3 · Expires in 5 days
    Pending

  • kofi.mensah@lattice.example

    Manager · Invited this morning · Expires in 7 days
    Pending

  • ines.carvalho@northfield.example

    Member · Expired Nov 2
    Expired

  • yuki.tanaka@lattice.example

    Member · Invited Oct 31 · Expires tomorrow
    Pending

Invite with a seat limit

modal-02

Invite people to Lattice

Everyone who joins or is invited takes one seat of your plan

7 of 10 seats used

1 address has no seat left. Add seats or remove it

Recent invitations

  • PR

    priya@lattice.example

    Joined

  • noor.haddad@lattice.example

    Invite sent
  • MS

    mateo@lattice.example

    Joined

  • kofi.mensah@lattice.example

    Invite sent

Invite with a link and a QR code

modal-03

Invite with a link

Anyone with this link can join the Product team

Link expires after
The link stops working on Nov 12
They join the Product team as members right away

The old link and code stop working

Scan to join

Opens the invite on a phone

or enter the code

7Q4M92KD

Invite into a project

modal-04

Invite to Atlas redesign

Teammates get the tasks, files and discussions of the project

In this project

4
  • AOTracking time

    Amara OkaforYou

    amara@lattice.example

    Owner
  • LMOnline

    Lucas Moreau

    lucas@lattice.example

  • PROnline

    Priya Raman

    priya@lattice.example

  • ZMOnline

    Zola Mbeki

    zola@lattice.example

Share a project

modal-05

Share Atlas redesign

Pick who can open the project, then send them the link

Who can open it

lattice.example/p/atlas-redesign

AOLMPRMS+2

Amara Okafor, Lucas Moreau and 4 others were invited

Manage access

modal-06

Manage access

Invite someone and choose exactly what they can do

They get an e-mail invitation to join

Role
PermissionsSet by the Editor role

Adds tasks and sub-tasks to any project

Changes their status, dates and assignees

Removes tasks for good, with their time

Sends invitations to the workspace

Opens the time and payment reports

Workspace access

modal-07

Workspace access

Choose how people join Lattice without an invitation

Join with a code

LAT7Q4M92K

People type it in the app after they sign up. A new code ends the old one

People with an address at these domains join without an invitation
  • @lattice.example
  • @northfield.example

Role of people who join

You can change it for each person later

Add members from the directory

modal-08

Add members to Product

People already in Lattice join the team at once, without an e-mail

ZMTL
2picked

7 people in Lattice are not in Product

Give feedback

modal-09

Send feedback

It goes to the people who build Lattice; they read every message

How well does Lattice work for you
Not well
Very well
Required

0 of 500 characters

timesheet-export.png284 KB

Schedule a meeting

modal-10

Schedule a meeting

Everyone gets an invitation with the link and the agenda

Attendees
  • LMLucas
  • PRPriya
  • HKHana
Next free slots for everyoneYour time, CET
Duration

Tuesday 10 November, 10:00 to 10:30, with 3 people

Search people

modal-11

Mention someone

Members, people invited and guests of the project

Members3
  • AOTracking timeAmara Okaforamara@lattice.example
  • PROnlinePriya Ramanpriya@lattice.exampleMentioned
  • MSAwayMateo Silvamateo@lattice.example
Pending invitations1
  • mariam.saleh@northfield.example
Guests1
  • MFOfflineMalia Fonotimalia@fernwick.exampleGuest
Up arrowDown arrowto moveEnterto pickPriya Raman is mentioned in the comment

Delete a workspace

modal-13

Delete the Lattice workspace

It goes for everyone in it. Owners can restore it for 30 days, then it is gone for good

Lattice

Team plan

18 members · 12 projects · since March 2024

  • 12 projects and their 1,240 tasks are deleted
  • 18 members lose access at once
  • Time logs, timesheets and reports are erased
  • The Team plan stops at the end of the billing period

The name is case sensitive

Payment record

modal-14

Payment record

Invoice INV-2026-118 · October 2026

Client
Fernwick Studio
Job
Product design
PendingHourly · $62.00
Time entries of the invoice
TaskDateTime
Design system auditMon 5 Oct4h 30m
Onboarding screensWed 7 Oct1h 30m
Review with the clientFri 9 Oct2h 00m
Total8h 00m
8 h × $62.00
$496.00
Platform fee, 10%
−$49.60
Take-homeIllustrative figures
$446.40