⚠️ Mobile is not supported yet.

Command Palette

Search for a command to run...

[Explore]
[Search]
[Saved]

Terms of Service Privacy Policy

React Example Notion – shadcn/ui Block by prosekit | shadcnregistry

Registries
prosekit
React Example Notion

React Example Notion

block

Notion-style editor with block-based editing.

Provided by prosekit

Open in https://v0.dev/Open in

@base-ui/react
@egoist/tailwindcss-icons
@iconify-json/lucide
prosekit@^0.22.0

https://unpkg.com/prosekit-registry/dist/r/react-sample-sample-doc-notion.json
https://unpkg.com/prosekit-registry/dist/r/react-sample-sample-tag-data.json
https://unpkg.com/prosekit-registry/dist/r/react-sample-sample-uploader.json
https://unpkg.com/prosekit-registry/dist/r/react-sample-sample-user-data.json
https://unpkg.com/prosekit-registry/dist/r/react-ui-code-block-view.json
https://unpkg.com/prosekit-registry/dist/r/react-ui-drop-indicator.json
https://unpkg.com/prosekit-registry/dist/r/react-ui-inline-menu.json
https://unpkg.com/prosekit-registry/dist/r/react-ui-table-handle.json
https://unpkg.com/prosekit-registry/dist/r/react-ui-tag-menu.json
https://unpkg.com/prosekit-registry/dist/r/react-ui-user-menu.json

Installation

Install directly from the provider.

pnpm dlx shadcn@latest add "https://prosekit.dev/r/react-example-notion.json"

Files

Styles

Light Mode

No variables found.

Dark Mode

No variables found.

Theme

No variables found.

CSS