Bring your animation to OGRAF
Already have an .ograf file? Check the package and upload it. Starting from scratch? Build with HTML, CSS and JavaScript, then package your animation for sharing.
No sign-in is needed to read this guide. Sign in only when submitting a work.
Upload an existing work
For creators who already have an .ograf or .zip package.
- 1
Check the package
Put project.json and index.html at the ZIP root. Keep the compressed file at or under 500 KB.
- 2
Add work details
Choose the file and confirm its title, category, license, tags and supported orientations.
- 3
Preview and publish
After upload, review the actual preview in the editor before publishing to the community.
Develop a new OGRAF
For creators writing an animation themselves or with AI assistance.
- 1
Build the animation
Create index.html with HTML, CSS and JavaScript. Include local images and fonts in the package.
- 2
Describe the work
Add project.json at the ZIP root with a name, resolution, frame rate, duration and editable data.
- 3
Test and package
Check the animation in a browser, package the files as .ograf or .zip, then run the upload precheck.
Package checklist
The uploader checks your package locally and the server checks it again.
- project.json must be a valid JSON object; index.html is the animation entry point.
- Include no more than 200 files, with a total uncompressed size of at most 5 MB.
- Avoid absolute paths and .. path segments. Include any local assets in the package.
my-animation.ograf
├── project.json
├── index.html
└── assets/
Ready to share your work?
Check the preview in the editor after uploading, then choose whether to publish.
Open upload page (sign-in required)