Visual editor
Drag. Drop. Done.
Compose full pages from ready-made widgets — heroes, feature grids, tabs, testimonials and more — on a live canvas.
Open source · Next.js App Router
A CMS and Builder
for Next.js.
Build pages visually. Own every line of code.
$npx create-lyrix-app
Backed by Klyron Studio
One editor. Run it your way.
Self-host it like any Next.js app, or let Lyrix Cloud run it for you.
| Lyrix CloudFor agencies and teamsStart with Cloud | Self-hostedFor developersView on GitHub | |
|---|---|---|
| Setup | Minutes, no terminal | One command: npx create-lyrix-app |
| Hosting | Managed by Lyrix | Anywhere Next.js runs |
| Editing | Invite clients and editors, with permissions | Admin login with your project ID |
| Content | Managed workspace and project sync | Plain files in your repo |
| AI | Managed Lyrix AI | Your own model or API key |
| Team Sync | Live collaboration, roles and history (coming soon) | Not available |
| Price | $10 / month, billed yearly | Free, MIT licensed |
Lyrix Cloud
For agencies and teams
- Setup
- Minutes, no terminal
- Hosting
- Managed by Lyrix
- Editing
- Invite clients and editors, with permissions
- Content
- Managed workspace and project sync
- AI
- Managed Lyrix AI
- Team Sync
- Live collaboration, roles and history (coming soon)
- Price
- $10 / month, billed yearly
Self-hosted
For developers
- Setup
- One command: npx create-lyrix-app
- Hosting
- Anywhere Next.js runs
- Editing
- Admin login with your project ID
- Content
- Plain files in your repo
- AI
- Your own model or API key
- Team Sync
- Not available
- Price
- Free, MIT licensed
Build visually, render natively.
Drag-and-drop pages on top, real React and Next.js underneath.
Reusable blocks
Build it once. Use it anywhere.
Save a section as a block and drop it on any page. Edit it in one place and every page updates.
Native rendering
Server-side, not iframes.
Pages are JSON that Lyrix turns into real React on the server. Fast to load, friendly to search.
No lock-in
Your code. Your content.
Pages and blocks are plain files in your repo. Review them in git and take them anywhere.
Describe it. Build it.
Tell Lyrix AI what you want and get a starting point built from your own blocks.
Built to grow with you.
Extend it, share it, and keep everything in one place.
Plugin engineComing soon
Extend it with plain functions.
Write a plugin like any JS or TS function to add new blocks, commands and panels.
Team syncComing soon
Edit together, stay in sync.
Editors and developers work on the same pages, with changes shared as you go. On Lyrix Cloud.
Studio
All your pages and blocks in one place.
Manage every page and reusable block from a single dashboard, ready to edit and publish.
See what people are building.
Sites from developers and agencies, built with Lyrix.
Product landing
yoursite.com
Small details, done right.
Ready-made widgets
Headings, heroes, tabs, accordions, testimonials and more, ready to drop in.
Pages in your repo
Every page is a JSON file next to your code, easy to review in git.
Secure admin login
Sign in with your project ID and password. Sessions are signed and expire.
One-command setup
Run npx create-lyrix-app and have a working editor in minutes.
Deploy anywhere
Runs like any Next.js app, on whichever host you already use.
Open source
MIT licensed. Read the code, fork it, make it your own.
Simple pricing.
Self-hosted
Free/ forever
Open source, MIT licensed.
- ✓Visual editor, block registry and native renderer
- ✓Local content storage (.lyrix.db)
- ✓Lyrix AI with your own model or API key
- ✓Self-host anywhere with the starter template
Cloud
$10/ month, billed yearly
Or $12 / month, billed monthly.
- ✓Everything in the open-source starter
- ✓Cloud project dashboard and managed workspace
- ✓Team collaboration, permissions and activity history
- ✓Managed project sync and support
See what people are saying.
Founders, developers and agencies building with Lyrix.
Replace with a real quote from a founder: two or three sentences on what Lyrix helped them ship faster.
Replace with a real quote from a developer: what they like about the blocks, the renderer or the code ownership.
Replace with a real quote from an agency: how Lyrix changed the way they hand sites over to clients.
Common questions.
What is Lyrix?
An open-source CMS and visual page builder for Next.js. You compose pages from your own React blocks, and Lyrix renders them natively in your App Router project.
Do I need to know how to code?
Editors and clients can build pages visually without code. A developer sets up the project and registers the blocks they can use.
What is included in the open-source version?
The visual editor, block registry and native renderer, local content storage, and Lyrix AI with your own model or API key. It is free and MIT licensed.
What does Lyrix Cloud add?
A managed workspace and project dashboard, team collaboration with permissions and activity history, managed project sync, managed Lyrix AI, and support.
Can I use my own AI provider?
Yes. Self-hosted projects bring their own model or API key. Lyrix Cloud includes managed Lyrix AI.
Can I start open source and move to Cloud later?
Yes. Your pages and blocks are plain files in your repo, so you can connect the same project to Lyrix Cloud whenever you need it.
How is Lyrix different from Sanity or Payload?
Lyrix is built around a visual editor for your own React components. Pages are JSON files in your repo, rendered server-side as real React, so there is no separate content backend to run.
Is Lyrix AI available yet?
It is in development. Self-hosted projects will bring their own model or API key, and we will announce it in the changelog when it ships.
Latest articles.
See all →Visual Editor
Introducing the Visual Editor
Product · 3 min
Blocks
Building your first block
Guide · 5 min
Renderer
Why we render natively
Engineering · 4 min
Ready to build your next site?
Start on Cloud in minutes, or scaffold your own project with one command.
$npx create-lyrix-app