Enterprise search
Find anything with one search.
Find answers across documents, projects, and connected tools.
Ordered primary Enterprise search
A clean-room 768 × 273 recreation aligned to the verified ordered primary section for Notion.
Site profile
Notion
- Platform
- Web
- References
- 240
- Category
- Interface research
Clean-room component kit
A working Notion interface system
Fifteen clean-room React recreations traced to recurring patterns in the archived Notion desktop experience. Start with a complete screen or copy an individual container, row, menu, property, or block.
ReactTailwind-readyResponsiveWorking interactions
15 components
The layout, spacing, hierarchy, and behavior are recreated as working interactive previews. The examples use original UIAIdol content and code.
Good afternoon
Today · 2:00 PMProduct critique
Tomorrow · 9:30 AMWeekly planning
Workspace home
A faithful desktop home composition with persistent navigation, recent pages, upcoming events, and an interactive task list.
Workspace sidebar
A collapsible navigation rail with workspace switching, destination states, nested pages, and a new-page action.
WorkspaceUpcoming events
Today · 2:00 PMProduct critiqueDesign team
Section container
The quiet bordered surface used to group recent pages, tasks, events, templates, and other home modules.
Recent page card
A compact recent-page card with cover tone, page icon, timestamp, selected state, and a working overflow action.
Review launch briefJul 18, 2026M
Task row
A dense workspace task row with completion, date, assignee, and a status control that cycles through states.
Today
Quick find dialog
A centered global-search surface with live filtering, date groups, selected-result preview, keyboard navigation, and an empty state.
Team
▦ Table
NameRoleStatusPerson
Project database
A responsive table composition with page chrome, selectable records, status and role properties, filtering, and row creation.
Database filter
A composable property filter with field, operator, multi-select values, clear action, and an add-rule affordance.
Created by◉ MayaCreated timeJuly 17, 2026TagsProduct
A single place to capture product decisions.
Keep the brief clear, useful, and easy to scan.
Block page editor
A focused document canvas with breadcrumb chrome, title, editable blocks, a working checklist, and block insertion.
Basic blocks
Slash command menu
A searchable block inserter with active keyboard state, block descriptions, and a selected-command result.
Choose what appears in this view.
Properties popover
A reusable view-properties menu for toggling visible metadata and adding a new property.
Status property
An inline status property with a dropdown, grouped colors, selection state, and a clear action.
Use a callout to keep an important decision visible to the team.
Callout block
An editable callout block with icon control and switchable background tones for emphasizing supporting content.
✦
What can I help with?
AI request composer
A working assistant surface with prompt entry, source toggles, suggested actions, submitted-message state, and reset.