Code you can take with you
Watch every file Vibely writes, edit it yourself, sync it both ways with GitHub, and roll back to any version.
Code editor on Pro.
Every Vibely app is React and TypeScript code you can read and take with you. You can browse and edit the code (Pro), sync both ways with a GitHub repository you own, download the codebase, and restore any earlier version.
Take it anywhere
- GitHub
- ZIP download
- Cloudflare
- Your IDE
Get started
Code editor
Pro planBrowse the project’s files, follow Vibely’s edits as they happen, search, and edit files yourself.GitHub sync
Link the project to a repository you own, on any plan. Vibely commits every change, and your pushes come back in.
Build secrets
Enterprise planTokens for private package registries, available to builds but never written into your code.Managed npm registry
Enterprise planA private npm registry for your workspace, so internal packages install like public ones.
Your repository, kept in step
github.com/acme/cafe-siteIllustration of what happens. Vibely has no command-line tool: it all runs from the editor.
Two-way GitHub sync
Vibely pushes each change as a commit to the synced branch, and your pushes to that branch flow back into the project.
Every change is a version
A version is saved each time a change lands. Bookmark the ones you want to keep and restore any of them.
Download the whole codebase
Get the full source as a ZIP whenever you want, on any plan, and open it in your own editor.
Meet the code where it lives
- src
- components
- pages
- index.tsx
- menu.tsx
- favourites.tsx
- lib
- supabase
- package.json
- vite.config.ts
1export default function FavouritesPage() {2 const { items, toggle } = useFavourites()3 if (!items.length) {4 return <EmptyState title="No favourites yet" />5 }6 return (7 <section className="grid gap-4 sm:grid-cols-2">8 {items.map((item) => (9 <MenuCard key={item.id} item={item} onToggle={toggle}Code editor
Browse and edit the real files, and watch them change while Vibely works.
- Version historyHistory · BookmarksToday
- Add favourites page11:20
- Heart button on menu cards10:58
- Favourites page10:42
Restore this versionYesterday- Order ahead form16:05
- Menu with prices14:31
Version history
Every change, grouped by day. Restore one and Vibely creates a new version, so nothing is lost.
- src/pages/favourites.tsxsrc/lib/favourites.ts
In favourites.tsx , sort favourites by when they were added
↑Point at exact files
Type @ in the composer to name the file you mean, and Vibely changes that one.
Leaving?
Your code and data are yours: deploy the app to your own Cloudflare account or another platform, and keep using your own Supabase project.