Hourfield is a 16-second 16:9 launch film for products that organise people's time: calendars, schedulers, booking and reservation apps, planners. Retype a few short lines, drop in your logo and rename the calendar's days and tiles (meetings, table bookings, classes, shifts): the week re-plans itself on screen and the film lands on your logo lockup. Our second version, Maréva, a fictional table-booking app, turns the working week into an evening of reservations on the same animation and timing.

Built end-to-end through the SVGator MCP server. The calendar that re-plans its own week, the orbit that swirls into a single dot and the lines centred by their real letter shapes (fonts measured, not eyeballed) were computed in Python and written straight into a live SVGator project as 780 editable keyframes; I directed every note and finished it in the canvas. Maréva was made the same way, on the same timeline. Everything stays a real layer: 50 live text layers, named elements (headline, logo, product-name, tagline) and one logo image animated in two moments.

Yes, there is a lot to edit: every line of the story, a whole week of calendar tiles, a palette in nine roles. A full rebrand takes longer than five minutes, and that is the honest trade: it shows how much a single SVGator file can carry, and how MCP makes a detailed, story-driven film practical to re-make, not just to watch.

Links: ▶ Template (SVGator) ▶ Demo video, A → B

Love the smooth flow and the text animation! Good luck!

I’ve spent the last three months building this. Deframer is finally here. It started with the same conversation with clients: they wanted to leave Framer but felt stuck, since moving meant rebuilding their sites. I felt it too. Pricing kept getting harder to justify, and the product experience felt worse. Our template sales also took a hit after the marketplace and community changes. Other template creators have been seeing their revenue dip too. So I built Deframer. Some exporters just package what the browser loads from your published URL. Deframer writes a clean Next.js + TypeScript project, following Next.js best practices. Code you can read, maintain and run yourself. It also optimizes for SEO, AEO and speed. Paste your Framer URL, verify it’s yours, and convert. Your pages, components, layouts and motion come along. Three months later, it’s ready for you to try. https://deframer.co If you’ve been wanting to move off Framer, I’d love to hear how it works for you.

Nice