Note creation screen examples

Note creation screen design examples from SaaS apps. Browse examples from Axiom, Lightfield, Twenty.

Explore the examples

Content editor modal where the user writes a markdown note with a live side-by-side preview before saving it to their dashboard.

Lightfield

List view of notes with a modal open prompting the user to select an account before creating a new note.

Select

Twenty

App view where the user browses a list of notes with a side drawer open to inspect and edit a specific note's metadata and content.

Craft

List view showing recent documents where the user has opened a popover to create a reminder, which includes an inline upgrade prompt.

Evervault

Developer documentation page detailing how to deploy, configure, and run serverless functions, featuring code snippets and configuration examples.

Reflect

Blog article detailing a new in-line voice transcriber and Gemini AI chat improvements, featuring a left-aligned table of contents and a related posts grid.

Assembly

Privacy policy page detailing how Assembly collects, processes, and shares user data, including sections on third-party services like OpenAI and user rights.

Leap

Workflow editor canvas where the user connects nodes like manual triggers, conditionals, and web scraping actions to build an automation.

Front

Developer documentation guide explaining how to create, manage, and publish apps and plugins on the Front platform.

Motion

Marketing page detailing how Motion's AI project manager helps teams eliminate busywork, meet deadlines, and gain visibility into projects.

Kajabi

Help center article explaining how to set up and customize a blog, featuring a video tutorial, step-by-step instructions, and related support resources.