Framer component · $12
Stage Curtain
A curtain over the whole screen that opens when the page loads. Turn on page transitions and it also closes before the next page of your site, then opens again.
Stage Curtain
This page opened with a curtain
It split in the middle, with a blue second curtain behind it. Press the button: the curtain closes, the next page loads behind it, and it opens again.
Eight ways to open
Each card has its own curtain (Covers: This box). It opens when the card scrolls into view and closes again when it leaves. Scroll up and down to see it again.
Up
Up
Slides up and out of view.
Down
Down
Drops down out of view.
Left
Left
Slides away to the left.
Right
Right
Slides away to the right.
Split
Split
Opens from the middle, like a stage.
Panels
Panels
Strips leave one after another.
Circle
Circle
Shrinks into the center.
Fade
Fade
A plain fade.
Details
From the first paint
The opening is plain CSS, so the curtain is there before the page’s JavaScript loads. The page never shows before the curtain.
Page transitions
Turn it on, and a click on a link to another page of your site closes the curtain, then the next page opens behind it.
Leaves other links alone
Links that open in a new tab, downloads, # links, email links and other sites work as usual.
Second color and label
Add a second curtain that trails the first, and your site name in the middle.
Over a box
Set Covers to This box and put it over an image or a section. It opens when the box scrolls into view.
Reduced motion
Visitors who turn off motion get no curtain. It never takes clicks while it opens.
Settings
Covers
Screen: the whole page on load. This box: over its own frame, opening when it scrolls into view.
Opens
Up, down, left, right, split, panels, circle or fade. Panels: how many strips.
Color / Second color
The curtain color, and an optional second curtain that trails it.
Label
Text in the middle of the closed curtain, with its font and color.
Delay / Duration
How long the closed curtain stays when the page loads, and how long it takes to open.
Page transitions / Only to
Off at first. Turn it on to close the curtain before going to another page of this site. Only to: limit it to the pages you list, such as /work.
Once
This box only. Off: it closes when it leaves the screen and opens again.
Show on canvas
Shows the closed curtain on the canvas so you can set the colors and the label.
Z index
Raise it if something shows above the curtain.
How to use it
01
Buy it, then open the component link from your receipt.
02
Paste it on any page of your Framer project (⌘V).
03
Change the settings in the right panel. Preview to see it move.
From the same maker
Framer templates by H SHIFT WORKS
CIRCLED
Booking site for portrait and wedding photographers.
View template →
AGENDA
Conference site with schedule, speakers and venue.
View template →
OFFSET
Studio site for an independent digital agency.
View template →
TRUSS
Site for renovation and design-build companies.
View template →
GAZE
Dark, photo-led portfolio for one visual artist.
View template →
© 2026 H SHIFT WORKS. Framer templates, plugins and components.
framer.com/@hshiftworks
X: @hshiftworks