builder

(★ 97)

The open source alternative to Framer, Webflow, Figma. A website builder where you design on a pixel-perfect visual canvas, create components, animations, manage cms and translations. Export to Next.JS code. Use our cloud or host locally on your computer.

File Explorer

Download Latest Version (.zip)

- - ci.yml
  - deploy.yml
- - builder-preview.webp
  - cms.webp
  - code-export.webp
  - localization.webp
  - motion.webp
- - columns.png
  - comments.png
  - components.png
  - frame.png
  - search.png
  - shapes.png
  - text.png
  - theme.png
  - welcome.jpg
- apple-touch-icon.png
- favicon-192.png
- favicon-48.png
- favicon.ico
- favicon.svg
- preview.html
- revymeicon.svg
- - component-chat-client.ts
  - icon-set-chat-client.ts
  - plugin-chat-client.ts
  - translate-client-credits.test.ts
  - translate-client.ts
  - vibe-models.test.ts
  - vibe-models.ts
- - autosave.hold.test.ts
  - autosave.ts
  - autosave.unload.test.ts
  - index.ts
  - leave-builder.test.ts
  - leave-builder.ts
  - local-backend.test.ts
  - local-backend.ts
  - project-id.ts
  - revyme-backend.test.ts
  - revyme-backend.ts
  - save-store.ts
  - types.ts
  - user-store.test.ts
  - user-store.ts
- - arrow-nudge.test.ts
  - arrow-nudge.ts
  - camera-move-store.test.ts
  - camera-move-store.ts
  - canvas-bridge.ts
  - canvas-commands-bridge.ts
  - canvas-css-clamp.test.ts
  - canvas-math.test.ts
  - canvas-math.transform.test.ts
  - canvas-math.ts
  - canvas-renderer-dedupe.test.ts
  - Canvas.tsx
  - CanvasFileDrop.test.ts
  - CanvasFileDrop.tsx
  - CanvasRenderer.intentional.test.ts
  - CanvasRenderer.ts
  - code-component-runtime.test.ts
  - code-component-runtime.ts
  - CodeComponentHost.bake.test.ts
  - CodeComponentHost.test.ts
  - CodeComponentHost.tsx
  - commands.test.ts
  - commands.ts
  - component-navigation.test.ts
  - component-navigation.ts
  - compute-overlay-position.test.ts
  - figma-paste.test.ts
  - figma-paste.ts
  - ghost-content-sync.test.ts
  - ghost-deep-structure.test.ts
  - image-dims.test.ts
  - image-dims.ts
  - image-paste.ts
  - imperative-style-tracking.test.ts
  - insertion-bridge.test.ts
  - insertion-bridge.ts
  - keyboard-app-undo.test.ts
  - KeyboardManager.test.ts
  - KeyboardManager.ts
  - locale-apply.test.ts
  - motion-svg-variant-position.test.tsx
  - node-ops.spacing-heal.test.ts
  - node-ops.test.ts
  - node-ops.ts
  - node-ops.variant-routing.test.ts
  - node-ops.variant-shorthand-mirror.test.ts
  - render-integrity.test.ts
  - render-integrity.ts
  - renderer-band-pin.test.ts
  - renderer-bg-video.test.ts
  - renderer-culled-dirty.test.ts
  - renderer-file-switch.test.ts
  - renderer-hidden-on-variants.test.ts
  - renderer-live-important-sweep.test.ts
  - renderer-locked-canvas.test.ts
  - renderer-patch-skip.test.ts
  - Renderer.test.ts
  - Renderer.ts
  - replica-bake.test.ts
  - replica-bake.ts
  - resolve-core.test.ts
  - resolve-core.ts
  - responsive-variant-map-precedence.test.ts
  - SandboxBridgeManager.ts
  - shortcuts.ts
  - slot-children.test.ts
  - slot-children.ts
  - snap-targets.test.ts
  - snap-targets.ts
  - svg-group-helper.ts
  - template-responsive-repro.test.ts
  - text-edit-committer.ts
  - text-paste.ts
  - tile-paint-repro.test.ts
  - tiptap-extensions.test.ts
  - tiptap-extensions.ts
  - viewport-size-ops.test.ts
  - viewport-size-ops.ts
  - ViewportHeaderManager.ts
- - bridge-host-epoch.test.ts
  - bridge-host.ts
  - bridge-sandbox.ts
  - culling-controller.test.ts
  - culling-controller.ts
  - index.html
  - main.tsx
  - protocol.ts
  - runtime-bridge-jsx.ts
  - runtime-bridge-motion.ts
  - runtime-bridge.ts
  - sandbox-api.ts
  - sandbox-code-host.test.ts
  - sandbox-code-host.ts
  - sandbox-dnd-host.ts
  - sandbox-dom-utils.test.ts
  - sandbox-dom-utils.ts
  - shape-edit-history.test.ts
  - shape-edit-history.ts
  - shape-edit-host.test.ts
  - shape-edit-host.ts
  - svg-user-to-screen.test.ts
  - svg-user-to-screen.ts
  - text-edit-host.ts
- - cloud-plugin.ts
  - NewWebsiteTemplatesModal.test.tsx
  - NewWebsiteTemplatesModal.tsx
- - AddButton.tsx
  - Breadcrumb.tsx
  - Button.tsx
  - ConfirmDialog.tsx
  - DropdownMenu.anchorpoint.test.tsx
  - DropdownMenu.search.test.ts
  - DropdownMenu.separators.test.ts
  - DropdownMenu.tsx
  - EllipsisMenu.tsx
  - FolderTree.tsx
  - Modal.tsx
  - PropertyIcons.tsx
  - SearchBar.tsx
  - SectionLabel.tsx
  - SidebarRow.tsx
  - StyleIndicator.tsx
- - AIChatSheet.tsx
  - BottomToolbar.tsx
  - builder-theme.ts
  - ChatUserMessage.tsx
  - ChromeIslands.tsx
  - CodeEditor.tsx
  - CodeEditorPopup.tsx
  - CommentsListPanel.tsx
  - CreditsIndicator.tsx
  - FileExplorer.test.ts
  - FileExplorer.tsx
  - IconSetChat.tsx
  - LayersPanel.test.ts
  - LayersPanel.tsx
  - multi-select-layout.test.ts
  - multi-select-layout.ts
  - PageChat.tsx
  - PropertiesPanel.tsx
  - PropertiesPanel.unresolvable-selection.test.tsx
  - TemplatePicker.tsx
  - UserAvatar.tsx
  - VibeDockShell.tsx
- - cloud-plugin-actions.ts
  - cloud-plugins.ts
  - copy-url-action.ts
  - manifest.test.ts
  - manifest.ts
  - permission-gate.test.ts
  - permission-gate.ts
  - plugin-registry.ts
  - plugin-types.ts
  - PluginIframeBody.tsx
  - PluginRuntimeWindow.tsx
  - PluginVideoPickerHost.tsx
  - protocol.test.ts
  - protocol.ts
  - registry.ts
  - router.ts
  - UploadInstructionsModal.tsx
- - ComponentLivePreview.test.tsx
  - ComponentLivePreview.tsx
  - LivePreview.tsx
  - PreviewFrame.tsx
  - ServerPreview.tsx
  - template-preview.test.ts
  - template-preview.ts
- - capture-thumbnail.test.ts
  - capture-thumbnail.ts
  - index.html
  - main.tsx
  - next-shims.tsx
  - router.ts
  - runtime-bridge-jsx.ts
  - runtime-bridge-motion.ts
  - runtime-bridge.ts
  - runtime-exports-covered.test.ts
  - types.d.ts
- - animation-utils.test.ts
  - animation-utils.ts
  - border-radius-utils.ts
  - builder-themes.test.ts
  - builder-themes.ts
  - clippath-utils.test.ts
  - clippath-utils.ts
  - cloud-flag.ts
  - constants.test.ts
  - constants.ts
  - crop-utils.test.ts
  - crop-utils.ts
  - css-utils.merge-layers.test.ts
  - css-utils.test.ts
  - css-utils.ts
  - debug-trace.ts
  - deep-equal.test.ts
  - deep-equal.ts
  - dom-reparent.test.ts
  - dom-reparent.ts
  - dom-utils.test.ts
  - dom-utils.ts
  - fit-measure.test.ts
  - fit-measure.ts
  - flag-icon.tsx
  - flex-helpers.test.ts
  - flex-helpers.ts
  - font-loader.ts
  - ghost-id.test.ts
  - ghost-id.ts
  - google-fonts.ts
  - gradient-utils.test.ts
  - gradient-utils.ts
  - hash-utils.test.ts
  - hash-utils.ts
  - hosts.ts
  - icon-viewbox.test.ts
  - icon-viewbox.ts
  - icons.tsx
  - id-utils.test.ts
  - id-utils.ts
  - import-detection.d.mts
  - import-detection.mjs
  - import-detection.test.ts
  - jsx-whitespace.test.ts
  - jsx-whitespace.ts
  - mask-utils.test.ts
  - mask-utils.ts
  - math-utils.ts
  - motion-transform.test.ts
  - motion-transform.ts
  - pin-utils.test.ts
  - pin-utils.ts
  - pluralize.test.ts
  - pluralize.ts
  - position-utils.test.ts
  - position-utils.ts
  - regex-utils.ts
  - responsive-units.test.ts
  - responsive-units.ts
  - svg-geometry.test.ts
  - svg-geometry.ts
  - svg-sanitize.test.ts
  - svg-sanitize.ts
  - types.ts
  - useIsDark.ts
- - globals.aurora.css
  - globals.css
  - globals.grove.css
  - globals.reef.css
  - theme-tokens.test.ts
- - index.ts
- App.tsx
- main.tsx
- ProjectLoader.tsx
- RemixWorkspacePicker.test.tsx
- RemixWorkspacePicker.tsx
- vite-env.d.ts
- vite-raw.d.ts
.env.example
.gitattributes
.gitignore
CLAUDE.md
CONTRIBUTING.md
ecosystem.config.cjs
eslint.config.js
index.html
LICENSE
NOTICE
package-lock.json
package.json
playwright.config.ts
README.md
tsconfig.json
vite.config.ts
vite.preview.config.ts
vite.sandbox.config.ts
vitest.config.ts

# Installation Guide

1. Get the code

git clone https://github.com/revyme-web/builder

Downloads the entire project code from GitHub to your computer.

cd builder

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm ci

Type this command into your terminal and run it.

npm run dev

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

builder

File Explorer

# Installation Guide

2. Node.js

Today's picks

Was this content helpful?

Recent Feedback

builder

File Explorer

# Installation Guide

2. Node.js

Today's picks

Was this content helpful?

Recent Feedback

Download README