Awesome AFFiNE

         

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

Contents

• Design
• Plugins
• Public Workspaces
• Case Studies
• Libraries
• Tools
• Guides and How-tos

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/

  

• 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.