Menu

How I built Unframer: export Framer sites to portable HTML
📰

How I built Unframer: export Framer sites to portable HTML

DEV Community: node·Niranjan·4 days ago
#wbyQZjDQ
#devtonodejs#devto#dev#framer#html
Reading 0:00
15s threshold

Turns a published Framer site into framework-free HTML and CSS that runs on any static host, with trackers, the React runtime and the watermark removed, and entry animations compiled to pure CSS.

Try it live · Source code

The problem

Framer sites can only live on Framer. The served HTML is already complete, so a static copy should be possible, as long as the animations survive once the runtime is gone.

Decisions that shaped it

Read before stripping. The declarative animation and breakpoint data is read first and compiled to CSS keyframes, and only then is the roughly 212 KB React runtime removed.

Links that work everywhere. Internal links are rewritten as relative, file-explicit paths, the only form that works opened from disk, on a static host and from a subdirectory.

Crawled routes are untrusted input.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.