Make your AI a shadcn expert

Edra

Edra is a fully controllable rich text editor specifically engineered for Svelte developers, built on the powerful Tiptap editor framework with TypeScript.

Edra — preview

by Tsuzat · Updated October 8, 2025

Live Preview

Interact with the actual deployed template — every section, every interaction, no mockups.

edra.tsuzat.com
Loading preview…

About Template

This comprehensive editing solution offers two flexible UI options: a headless mode for complete customization and a shadcn-based interface for rapid implementation. The editor features markdown shortcuts, comprehensive text formatting (bold, italic, underline, strikethrough), color picking and highlighting, table creation and manipulation, media embedding (images, videos, audio), code blocks with syntax highlighting, drag-and-drop functionality, slash commands, and math/LaTeX support.

With its bubble menu for quick editing and extensive extensibility, Edra addresses the lack of powerful, Svelte-native rich text editors in the ecosystem. Perfect for building content management systems, note-taking applications, documentation platforms, and any Svelte application requiring sophisticated text editing capabilities, Edra provides developers with a production-ready component that can be easily integrated and customized to match specific application requirements while maintaining full control over functionality and appearance.

Free, open source, and ready to ship.

Clone the repo, install dependencies, and start customising — every Edra file is MIT-licensed and yours to keep.

More Templates

Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.