notion-renderer
notion-renderer copied to clipboard
Published
20 hours ago •
iheyunfei
iheyunfei
Renderer for notion using Official Notion API
notion-renderer
Renderer for notion using Official Notion API.
Features
- Official Notion API
- Atomic CSS
Supported Blocks
- ✅ Fully supported
- ⚠️ Partially supported
- ❌ WIP
| Block Type | Supported | Block Type Enum |
|---|---|---|
| Page | ⚠️ | page |
| Text | ⚠️ | text |
| Bookmark | ⚠️ | bookmark |
| Bulleted List | ⚠️ | bulleted_list |
| Numbered List | ✅ | numbered_list |
| Heading 1 | ✅ | header |
| Heading 2 | ✅ | sub_header |
| Heading 3 | ✅ | sub_sub_header |
| Quote | ✅ | quote |
| Callout | ⚠️ | callout |
| Equation (block) | ❌ | equation |
| Equation (inline) | ❌ | text |
| Todos (checkboxes) | ✅ | to_do |
| Table Of Contents | ✅ | table_of_contents |
| Divider | ✅ | divider |
| Column | ✅ | column |
| Column List | ⚠️ | column_list |
| Toggle | ⚠️ | toggle |
| Image | ⚠️ | image |
| Embed | ❌ | embed |
| Video | ❌ | video |
| Figma | ❌ | figma |
| Google Maps | ❌ | maps |
| Google Drive | ❌ | drive |
| Tweet | ❌ | tweet |
| ❌ | pdf |
|
| Audio | ❌ | audio |
| File | ❌ | file |
| Link | ⚠️ | text |
| Page Link | ⚠️ | page |
| External Page Link | ⚠️ | text |
| Code (block) | ⚠️ | code |
| Code (inline) | ✅ | text |
| Collections | ❌ | |
| Collection View | ❌ | collection_view |
| Collection View Table | ❌ | collection_view |
| Collection View Gallery | ❌ | collection_view |
| Collection View Board | ❌ | collection_view |
| Collection View List | ❌ | collection_view |
| Collection View Calendar | ❌ | collection_view |
| Collection View Page | ❌ | collection_view_page |
Packages
- @notion-renderer/react
- @notion-renderer/vue(WIP)
- @notion-renderer/client
- @notion-renderer/shared
iheyunfei