Odyn Documentation
Developer-owned infrastructure for deploying custom JavaScript and CSS.
Odyn is developer-owned infrastructure for deploying custom JavaScript and CSS. Built for Webflow developers shipping code in production.
Quick Start
- Create a project from the dashboard.
- Write JavaScript or CSS in the built-in editor.
- Deploy to staging, then deploy to production.
- Embed the CDN script tag in your site.
Follow the full Get Started guide for a step-by-step walkthrough.
Using AI with Odyn
If you are using ChatGPT, Claude, or another coding assistant, share this file for Odyn-specific conventions:
Guides
- Editor Basics — Layout, split panes, command palette, and settings.
- File Management — Create, rename, move, and organize files.
- External Dependencies — Add GSAP, Swiper, Lenis, and other libraries.
- Embed Code Setup — Paste embed codes into your site.
- Staging vs Production — Two deployment environments.
- Domain Protection — Restrict which domains load your scripts.
- AI Features — Inline suggestions and quick AI edit.
- Team Collaboration — Roles, presence, and editing access.
Reference
- Keyboard Shortcuts — Full shortcut table.
- Plans and Limits — Feature comparison, quotas, and rate limits.
- Embed Code Reference — Exact snippet formats for all modes.
- Deployment Modes — Bundled, per-file, and folder bundle.
- CDN URL Patterns — URL anatomy and versioning.
Concepts
- Deploy Model — How Odyn builds and ships code.
- Immutable Bundles — Why production deployments never change.
- Single-Editor Model — One editor at a time per project.