Cream

Cream is a creamy, high-energy template for creative studios, agencies and designers who want a site that feels as good as their work. It opens with a real-time WebGL hero: glossy liquid cream that visitors stir with their cursor, behind giant type that squishes like soft cream as the mouse passes.

Your work spins on a 3D orbit gallery that bends like film, then pours out of a liquid blob in an editorial project index. Services stack as you scroll, headlines reveal word by word, stats count up and kinetic type marquees run between sections.

Everything is native Framer: color tokens, text styles, components, CMS and forms. Every effect is a code component edited from the properties panel, no code needed.

Highlights:

• Cream Pour: interactive WebGL liquid hero with cursor stirring

• Squish Text: oversized type that stretches and squashes near the cursor

• Orbit Gallery: three.js 3D project ring with drag, momentum and film bend

• Liquid List: project index where images pour out of a morphing blob

• Cherry Drop cursor: a glossy syrup drop with a gooey trail, View and Drag states and click splashes

• Cream Loader: a dripping cream intro with a counter, once per visit

• Sticky stacking services, kinetic marquees, parallax and page transitions

• Projects CMS with case study pages, About, Contact form and 404

• Fully responsive desktop, tablet and phone

• Free fonts: Clash Grotesk, Instrument Sans, Instrument Serif, DM Mono