Twenty Editor UI: 1 real screens

Twenty logo
Twenty Editor

CRM

This is the editor design from Twenty, a crm application. Twenty twenty is an open-source CRM for building a custom, AI-ready workspace for people, companies, opportunities and tasks. Its UI covers a Getting started home with a trial countdown and import-contacts modal, People and Companies tables with filter and sort menus and record side panels, a Create Company form, an Opportunities kanban by stage, a My First Dashboard with Deals by Company, Pipeline Value by Stage, Revenue Timeline and Opportunities by Owner charts, Workflows with a visual editor for automations such as Create company when adding a new person, a command menu and global search, import and profile onboarding plus a free-trial upgrade step, and settings for profile, appearance, workspace, members, the data model and field editor, API keys, and Pro-plan billing. Public pages include the Enterprise CRM at AI Speed homepage and Simple Pricing for Pro, Organization and Enterprise plans. Editor UI designs from leading SaaS products. Rich text editors, code editors, drag-and-drop builders, and canvas tools.