Living Sky
$12Clouds at three depths drift with the scroll, and the hour can turn from day to night as you go down the page.
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.
Every component sits at the hour it suits.
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.
Clouds at three depths drift with the scroll, and the hour can turn from day to night as you go down the page.
Each letter drops in with a little spin, then lifts away at its own speed as you scroll past.
A fan of cards that deal themselves in, take their colour when picked up and write their labels in ink.
Names printed round a knob that clicks from stop to stop. Turn it, flick it or tap a name, then press it to open.
Your case studies are sheets in a folder. Pull a tab and the file lifts out to be read.
Stars, languages, the latest commits and the whole README, fetched live and set in your type.
Scroll, and a line draws itself over a tilted plane of clouds while each milestone stands up to meet it.
A photo set in ink characters. The cursor opens a soft window onto the real one, letters scrambling at its edge.
Scroll and a pocket console boots, loads each project and plays its gallery on the screen. Or play it with the buttons.
Two words rise, a window opens between them and flicks through your work, then the page appears.
Text on a tilted plane splits around your product as it rises, then closes up and recedes into the dark.
Rings at different depths lean after the pointer while their moons keep circling. For the first screen of a dark page.
All fourteen
One at a time
Each component has its own checkout, on its card and on its demo page. Same licence, same free updates.
Browse the dayThe free two
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 freeSomething else? Email me and I'll answer within two working days.
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.
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.
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.
The keyboard works throughout, screen readers get proper labels, and with Reduce Motion turned on everything settles straight into its final state.
Tell me within 14 days and I'll fix it or refund you. The code reaches you instantly, so otherwise sales are final.
When I release a new version, update the component from its page in Framer. Every v1.x update is free.
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