Nocean
Block-Based Editor

Create Beautiful Pages Without Design Skills

Our block-based editor makes content creation effortless. Drag and drop 12 different block types, add dynamic personalization, and build professional pages in minutes.

12

Block Types

8

Inline Formats

8

Keyboard Shortcuts

5+

Embed Platforms

12 Block Types for Any Content

From simple text to complex tables and embedded videos

Paragraph

Text

Rich text with inline formatting, links, and dynamic fields.

Header

Text

Six heading levels (H1-H6) for visual hierarchy.

Bulleted List

Lists

Unordered lists for features, benefits, and options.

Numbered List

Lists

Sequential steps, instructions, and prioritized items.

Checklist

Lists

Interactive checkboxes for requirements and action items.

Nested List

Lists

Hierarchical lists with unlimited indentation levels.

Quote

Structure

Highlighted quotations with attribution support.

Image

Media

Drag-and-drop uploads with captions and optimization.

Table

Structure

Structured data with headers, dynamic fields in cells.

Code Block

Code

Syntax-highlighted code with language detection.

Embed

Media

YouTube, Vimeo, Twitter, CodePen, and more.

Delimiter

Structure

Visual separators between content sections.

Built for Speed and Simplicity

An editor that gets out of your way so you can focus on content

Drag & Drop

Grab any block and drag to reorder. Works across all block types.

Keyboard First

Type / to add blocks, use shortcuts for formatting. Never leave the keyboard.

Focus Mode

Active block highlighted, others fade. Distraction-free writing experience.

Responsive

Content adapts to any screen size. Preview on mobile before publishing.

Keyboard Shortcuts for Power Users

Work faster with shortcuts for common actions. Format text, insert blocks, and add dynamic fields without touching the mouse.

Slash Commands

Type / anywhere to open the block menu and quickly insert any block type

Dynamic Fields

Press Cmd+Shift+D to insert personalization fields like company name or deal value

Quick Reference

Bold
Cmd/Ctrl+B
Italic
Cmd/Ctrl+I
Insert Link
Cmd/Ctrl+K
Undo
Cmd/Ctrl+Z
Redo
Cmd/Ctrl+Shift+Z
Dynamic Field
Cmd/Ctrl+Shift+D
Block Menu
/
New Block
Enter

8 Inline Formatting Options

Rich text formatting in any text-based block

Bold

Cmd+B

Strong emphasis on key terms

Italic

Cmd+I

Subtle emphasis, titles

Underline

Additional emphasis

Strikethrough

Corrections, comparisons

Marker

Highlighted callouts

Inline Code

Technical terms

Links

Cmd+K

Clickable URLs

Dynamic Fields

Cmd+Shift+D

Personalization

Block Combinations for Every Use Case

Common patterns for sales, fundraising, onboarding, and training content

Sales Proposals

Create compelling proposals with personalized content, pricing tables, and clear next steps.

Recommended Blocks:

HeaderParagraphImageBullet ListTableQuoteChecklist

Dynamic Fields:

${companyName}${painPoint}${dealValue}${championName}

Investor Pitch

Build pitch deck pages with team bios, traction metrics, and embedded demo videos.

Recommended Blocks:

HeaderParagraphImageEmbedTableBullet List

Dynamic Fields:

${investorName}${fundName}${roundSize}

Onboarding Guides

Create step-by-step guides with screenshots, code examples, and milestone tracking.

Recommended Blocks:

HeaderNumbered ListImageCode BlockChecklistParagraph

Dynamic Fields:

${companyName}${adminName}${planType}

Training Materials

Build training modules with videos, key takeaways, and completion checklists.

Recommended Blocks:

HeaderParagraphEmbedBullet ListQuoteChecklist

Dynamic Fields:

${partnerName}${certLevel}${completionDate}

Embed Content From Anywhere

Add videos, social posts, and interactive content from popular platforms. Just paste a URL and the embed renders automatically.

YouTube

Product demos, tutorials, explainers

Vimeo

Professional video content

CodePen

Interactive code examples

Twitter/X & Instagram

Social proof, announcements

How Embeds Work

1. Click + or type /embed

Select the Embed block from the block menu

2. Paste any URL

https://youtube.com/watch?v=... or any supported platform

3. Auto-rendered

Content appears inline with responsive sizing and lazy loading

Want AI to Do the Writing?

Use AI Compose to generate entire pages from a simple prompt. Our 3-agent pipeline creates professional content that uses all these block types automatically.

Ready to create beautiful content?

Start building portal pages with our intuitive block editor. No design skills required.