Awesome

Awesome AFFiNE

😎 Awesome lists about all kinds of interesting topics around AFFiNE built by community members ❤️.

Contents

• Design

• Template

• Plugins

• Public Workspaces

• Case Studies

• Libraries

• Tools

• Guides and How-tos

  Template

• Cornell Note Template

• Smart Goal Template

• Vision Board Template

• SOP Template

• Meal Plan Template

• Checklist Template

• Digital Planner

• One Pager Template

• Travel Itinerary Template

Design

• affine-design - Design System for the blocksuite/AFFiNE
• affine-homepage - The source for affine.pro
• affine-storybook This is a UI component dev environment for AFFiNE UI. It allows you to browse the AFFiNE UI components, view the different states of each component, and interactively develop and test components.
• affine-logo
• onboarding transparent window POC
• onboarding curve paper POC

Plugins

• hello-world - a hello-world Plugin Template
• copilot - AI Copilot for your writing
• bookmark-block - AFFiNE bookmark block
• image-preview - AFFiNE image preview
• Outline - AFFiNE Outline

Public Workspaces

• AFFiNE Official Blog
• himself65
• Chi Zhang
• Whitewater
• Add yours here ...

Case Studies

Applications built using BlockSuite and Octobase

• affine-app - No installation or registration required! Head over to our website and try it out now.
• BlockSuite Docs - BlockSuite Developer Docs
• Octobase Docs - Octobase Developer Docs
• affine-minimum - build AFFiNE in minimum code and the most modern way
• affine-developer - Waku + BlockSuite
• Aregridjs - Angular + BlockSuite + Octobase
• revezone - A new way to use Excalidraw. A lightweight productivity tool to build your Second Brain that integrates enhanced Excalidraw whiteboard and Notion-like note-taking features.
• univer - Univer is an open source collabrative solution http://luckysheet.lashuju.com/workplace/

Libraries

• affine-client - New desktop apps are under rapid development and lots of minor releases have been made.
• blocksvite - A simple Block editor like BlockSuite, based on Vue and @blocksuite/store

Tools

• homebrew-affine - AFFiNE formulae for the Homebrew package manager
• affine-reader - a simple reader for the blocksuite YJS doc format, which allows you to read an AFFiNE cloud workspace and convert it into markdown.
• export-data - Export app.affine.pro and import into AFFiNE client
• affine-exporter - a CLI export AFFiNE workspace to markdown files
• affine-ghost - a tool that migrates notes into affine and easily generates an affine blog site from your personal notes by configuring the environment
• affine-importer - a tool that can help you import your data into AFFiNE

Guides and How-tos

• TypeScript - AFFiNE, Yjs, BlockSuite and Jotai

• bestofjs-affine - bestofjs.org affine

• Start AFFiNE Server By Docker

• Start AFFiNE Server By Codebase

• Using AFFiNE as your own blog

• Export AFFiNE Workspace

• Deploy AFFiNE to Vercel

• AFFiNE fully managed by Elestio

• Self-host AFFiNE with Docker(Pre-Alpha and Alpha Local Setup User Guide)

• How to Install AFFiNE on Your Synology NAS

• Deploy AFFiNE to Zeabur example : https://affine.zeabur.app/

• One Pager Template Blog

• Best Planner App

• Travel Itinerary Planner Templates

• Evernote Alternative

• Note Taking AI From rough notes to mind map

• The Best Note Taking Apps Used by Harvard Students

• Calendar Template

  <a href='https://dash.zeabur.com/templates/J8CLC1'><img src='https://zeabur.com/button.svg'/></a>

• alternativeto AFFiNE

• AFFiNE in stackshare

• AFFiNE in libhunt

• AFFiNE.PRO Is an Open-source Self-hosted Knowledge Base and Notion.AI Alternative

Contributors

We would like to express our gratitude to all the individuals who have already contributed to AFFiNE! If you have any AFFiNE-related project, documentation, tool or template, please feel free to contribute it by submitting a pull request to our curated list on GitHub: awesome-affine. <a href="https://github.com/toeverything/blocksuite/graphs/contributors"> <img src="https://contrib.rocks/image?repo=toeverything/blocksuite" /> </a> <a href="https://github.com/toeverything/affine/graphs/contributors"> <img src="https://contrib.rocks/image?repo=toeverything/affine" /> </a> <a href="https://github.com/toeverything/octobase/graphs/contributors"> <img src="https://contrib.rocks/image?repo=toeverything/octobase" /> </a> <a href="https://github.com/toeverything/affine.pro/graphs/contributors"> <img src="https://contrib.rocks/image?repo=toeverything/affine.pro" /> </a> <a href="https://github.com/toeverything/design/graphs/contributors"> <img src="https://contrib.rocks/image?repo=toeverything/design" /> </a>