Wuren Studio / Blocks & interactive components

Moss Caseflow Studio.

Give the project a second scene.

A strong image earns the first look. The story gives people somewhere to go next. Moss Caseflow Studio brings a project index, image viewing and a flip-side case story to your Framer website. Give the visitor a second scene.

Original translucent olive glass seed-fin sculpture along a brushed pewter spine above a dark mineral base.
Original nature-tech case studiesReusable Framer component + offline editor

US$8 single purchase. Framer account, hosting and any plan your own website needs are separate.

Follow the next scene.

Try two selected examples in the public gallery. The full buyer package contains all four original cases and the editing tool.

Case index Two examples
The visual studyLimited two-case preview
Original flowing green glass sculpture set against mineral surfaces for the fictional Glass Current study.

Glass Current

An image direction that gives a flowing glass form the weight of a physical object.

Art direction / 2026

Arrow keys move between cases. Home and End go to the first and last.

Glass Current / Opening image

Original flowing green glass sculpture set against mineral surfaces for the fictional Glass Current study.

Original artwork for a fictional self-initiated case study.

The image and its story stay together.

One reusable gallery component brings the project index, case narrative and image viewing into the same section. The local tool helps you prepare its content.

A reusable Framer gallery
An independently insertable code component with up to 12 editable cases, keyboard project selection, scroll depth and a flip-side story.
A closer view of the work
Each sample pairs an opening image with a different supporting image. Visitors can explore the story and open imagery large.
A local editing tool
Edit all case text and colours, replace images, adjust fit and focal points, save and reopen the complete JSON project, and export a standalone interactive HTML gallery.
An original starting point
Four fictional case stories, eight original raster PNG images, editable component source and an English self-serve guide.

Put your own work in the frame.

  1. Add the component

    Use the Framer insert link in your buyer guide, or add the supplied source to your project.

  2. Replace the cases

    Edit the project text and image controls in Framer. Use the local tool for its separate editing and export workflow.

  3. Take a closer look

    Check case selection, story text, image crops and the phone layout with your own content before publishing.

Before the story goes live.

Is this a complete website?

It is a reusable gallery component for an existing Framer website. It contains the project selection, case narrative and image-viewing interaction. You supply the surrounding website, navigation and contact destination.

How do I edit the projects?

Use the component's documented Framer property controls to change the cases, text and images. The included local HTML tool provides a separate browser-based editing workflow. Its changes do not automatically synchronize with your Framer project.

Does it include a CMS?

Project content is managed through the component controls and local case data. The package does not include a native CMS collection, database or form backend.

Can I use my own images?

Yes. Replace each case's cover and supporting image, then adjust the documented fit and focal-point controls. The supplied PNG artwork is raster imagery; its pictured forms are not editable 3D models.

What does the public demo include?

Two selected case examples let you try the interaction. The buyer package includes the full reusable component, local editing tool and four original case pairs. The example image assets also appear online where needed by the Framer component.

Can I use it for client projects?

Your license covers multiple completed personal, commercial and client projects. You may hand a customized finished site to that client. Keep the reusable component, editing tool and original asset library with the license holder.

Give good work somewhere to lead.

Start with the gallery, add your own cases and let the next visitor follow the idea beyond its cover image.

Get Moss Caseflow StudioUS$8Explore the Moss Index website template

Wuren Studio. Digital goods with a point of view.

Paid orders and delivery are handled by Lemon Squeezy.

For order or product issues, use the seller contact shown on your receipt.

Create a free website with Framer, the website builder loved by startups, designers and agencies.