https://github.com/SSShooter/mindmapcn
Beautiful mind maps, works seamlessly with shadcn/ui.
https://github.com/SSShooter/mindmapcn
graph mindmap shadcn shadcn-ui
Last synced: 3 months ago
JSON representation
Beautiful mind maps, works seamlessly with shadcn/ui.
- Host: GitHub
- URL: https://github.com/SSShooter/mindmapcn
- Owner: SSShooter
- License: mit
- Created: 2026-01-27T04:37:32.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2026-01-28T02:28:57.000Z (3 months ago)
- Last Synced: 2026-01-28T18:13:05.082Z (3 months ago)
- Topics: graph, mindmap, shadcn, shadcn-ui
- Language: TypeScript
- Homepage: https://mindmapcn.mind-elixir.com/
- Size: 1.16 MB
- Stars: 24
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-shadcn-ui - Link - 01-27 | (Libs and Components)
- awesome-shadcn-ui-browser - Link - 01-27 | (Libs and Components)
README
Beautiful mind maps, effortlessly.
Beautiful mind map components based on Mind Elixir. One command to install, zero config to start.
Styled with Tailwind, works seamlessly with shadcn/ui.
Get Started •
Installation •
Examples
---
## Features
- 🎨 **Theme-aware** — Automatically adapts to light/dark mode
- 🎯 **Zero config** — Works out of the box with sensible defaults
- 📦 **shadcn/ui compatible** — Uses the same patterns and styling conventions
- 🧠 **Mind Elixir powered** — Full access to [Mind Elixir](https://github.com/SSShooter/mind-elixir-core)'s powerful mind mapping capabilities
- 🎮 **Controls** — Zoom, fit to screen, and export controls
- 📊 **Versatile** — Perfect for organizational charts, project planning, knowledge graphs, brainstorming, and more
- 🎨 **Customizable** — Rich styling options with tags, icons, colors, and hyperlinks
## Attribution
This project uses [Mind Elixir](https://github.com/SSShooter/mind-elixir-core), a powerful open-source JavaScript mind mapping library.
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add some amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
## Acknowledgments
- [shadcn/ui](https://github.com/shadcn-ui/ui)
- [mapcn](https://github.com/AnmolSaini16/mapcn)
- [@zumer/snapdom](https://github.com/zumerlab/snapdom)
## License
MIT License - see the [LICENSE](LICENSE) file for details.