Real-time editing screen examples

Slite

Content editor where the user writes and formats a document in the Design Engineering channel, with an inline AI action to improve the selected text.

• Design Editor
• AI Assistant

Tabular

Design editor where the user builds an email template by dragging basic and premade blocks from a left sidebar onto a central canvas.

• Design Editor
• Drag & Drop

Reflect

About page where the user can read profiles of the Reflect engineering team, alongside global documentation navigation.

Assembly

AI generation tool where the user inputs changelog details and selects target channels like LinkedIn or Slack to generate a post.

• AI Generation

Replit

Sign-in screen where the user authenticates with email and password, SSO, or various social providers like Google, GitHub, and Apple.

• Sign In

Dub

Testimonials page where the user browses customer quotes and filters a directory of companies using the product by industry.

Rayon

Competitive alternative page positioning Rayon against Planner 5D as a professional, browser-based CAD tool for architects and designers.

Kajabi

Detail page where an administrator edits the title, description, and visibility settings for a community announcement.

• Edit
• Settings

Sprig

Dashboard displaying aggregated survey results with distribution bars, a donut chart, and a line chart for questions about user satisfaction, use cases, and feature usage.

• Dashboard
• Charts

Jimo

Content editor where the user drafts a changelog post, selects a translation language from a dropdown, and views a live rendering of the post in a right-hand preview panel.

• Edit
• Publish

Hashnode

List view where the user browses their previously read articles, shown with the account dropdown menu open.

• Browse
• Account Settings

Campsite

Article page where the user reads a blog post about internal transparency and working in public, followed by a list of recent writing and a call to action to start a free trial.