STUDIO day

14 Framer components, dawn to midnight.

The interactions from my portfolio, rebuilt as drop-in code components. All 14 for $49 until 19 November, or one at a time from $5.

09:00Dial PickerA machined dial for your projects.Live demo

Every component sits at the hour it suits.

Hour by hour

Fourteen components, each at the hour it suits. Every card plays the real thing; open a live demo to try it with your own hands.

Living Sky

$12

Clouds at three depths drift with the scroll, and the hour can turn from day to night as you go down the page.

Letter Drop

Free

Each letter drops in with a little spin, then lifts away at its own speed as you scroll past.

Card Hand

$12

A fan of cards that deal themselves in, take their colour when picked up and write their labels in ink.

Dial Picker

$14

Names printed round a knob that clicks from stop to stop. Turn it, flick it or tap a name, then press it to open.

File Folder

$12

Your case studies are sheets in a folder. Pull a tab and the file lifts out to be read.

Repo Card

$7

Stars, languages, the latest commits and the whole README, fetched live and set in your type.

Flight Path

$14

Scroll, and a line draws itself over a tilted plane of clouds while each milestone stands up to meet it.

ASCII Reveal

$12

A photo set in ink characters. The cursor opens a soft window onto the real one, letters scrambling at its edge.

Pocket Console

$17

Scroll and a pocket console boots, loads each project and plays its gallery on the screen. Or play it with the buttons.

Window Loader

$9

Two words rise, a window opens between them and flicks through your work, then the page appears.

Parting Crawl

$12

Text on a tilted plane splits around your product as it rises, then closes up and recedes into the dark.

Cursor Orbit

Free

Rings at different depths lean after the pointer while their moons keep circling. For the first screen of a dark page.

Freefall

$14

A figure tumbles out of the sun, through the clouds, and lands as the night rises around it.

Runaway Cat

$5

Every site needs a cat. It sits in your footer, and when the cursor comes near, it bolts.

Pay once. Keep it.

All fourteen

$49$59 until 19 November.
Bought one at a time: $140.
  • All 14 components, each with its Framer link
  • The 14 source files, yours to keep
  • A remix of this site, every demo page set up
  • Every v1.x update, free
  • Unlimited personal and client sites
  • A fix or a refund within 14 days
Get all 14 for $49 Secure checkout on Gumroad. Instant delivery.

One at a time

$5 to $17

Each component has its own checkout, on its card and on its demo page. Same licence, same free updates.

Browse the day

The free two

$0

Letter Drop and Cursor Orbit cost nothing. Add them to a project and see how the kit is built before you buy anything.

Get them free

Installed in a minute

  1. Buy it.Your receipt holds a Framer link, ready the moment you pay.
  2. Open the link.Pick a project, and the component lands in its Assets panel.
  3. Drop it on the canvas.Set it up in the properties panel, then publish.
Letter Drop on a published page. It's free, so try the whole process before you spend anything.

Questions

Something else? Email me and I'll answer within two working days.

What do I get when I buy?

A Framer link that adds the component to any project you choose, short install notes, and every v1.x update. The bundle adds the 14 source files and a remix of this site with every demo page set up.

Can I use them for client work?

Yes. One purchase covers unlimited personal and client websites. You can't resell the components or put them in a template that's for sale.

Will they slow my site down?

Each one is a single file with no libraries. They pause off screen, load pictures as they're needed, and move things directly instead of re-rendering every frame.

Do they work for everyone?

The keyboard works throughout, screen readers get proper labels, and with Reduce Motion turned on everything settles straight into its final state.

What if one doesn't work for me?

Tell me within 14 days and I'll fix it or refund you. The code reaches you instantly, so otherwise sales are final.

How do updates work?

When I release a new version, update the component from its page in Framer. Every v1.x update is free.

Who made these?

Tanmay Kaper, an economics student in Bombay who builds websites. These are the interactions from my portfolio, rebuilt so you can use them too.

Fourteen components and one licence, from first light to midnight.

Get all 14 for $49

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