Liniqo / Scroll effects
Illustrations that move as you scroll.
30 hairline figures that play their story while your visitors scroll the page: a rocket lifts off, a vault swings open, a skyline rises. Nothing is pinned or sticky, and scrolling back plays it in reverse.
Rocket launch
A rocket on its pad that launches as you scroll: the arm swings clear, the engine lights, smoke rolls out and it climbs out of the frame.
Exploded stack
An app screen built from stacked plates that lift apart into an exploded view as you scroll, each plate lighting as it separates.
Laptop open
A closed laptop whose lid swings open as you scroll; the screen lights and a chart grows on it.
Battery
A large battery whose cells drop into their slots one by one and light as you scroll, until it is full and its bolt lights up.
Box unbox
A taped shipping box whose flaps swing open as you scroll, and a small device rises out of it and lights.
Bridge build
Two ledges across a gap: as you scroll, planks fly off a stack one by one into place to build the deck, then a small car drives across.
Cards fan
A hand of payment cards standing on a stand that fans out about its pin into a wide arc as you scroll.
Chat stack
A phone lying on a plate where chat bubbles pop up out of the screen one at a time, alternating sides, and stack into a climbing tower as you scroll.
Conveyor
A long conveyor belt that runs as you scroll, carrying parcels from one end to the other under a scanner that lights each one.
Crane
A tower crane that hoists a block as you scroll, swings its jib round and lowers the block onto a stack.
Dashboard bars
A dashboard whose bars grow one by one as you scroll while a trend line draws across their tops.
Data pipeline
Three sources piped through a junction into a database: as you scroll, packets stream down the pipes and the database tiers light from the bottom up as it fills.
Deploy cloud
A laptop wired to a glass tube under a cloud: as you scroll, code blocks ride up the tube one by one into the cloud, which lights and shows a tick when the deploy lands.
Drone delivery
A quadcopter with a parcel: as you scroll it lifts off one pad, flies to the other, lowers the parcel down on its line and climbs away once it lands.
Elevator
A glass elevator whose car rises floor to floor as you scroll, lighting each floor marker as it passes.
Funnel
A conversion funnel of stacked rings: as you scroll, dots fall through the stages, each stage keeps some, and the few that make it through light up in the tray.
Gears
A train of four meshed gears on a plate that turns as you scroll, the lit driver cranking the smaller gears faster.
Growth stairs
A low run of steps that rise in turn into a tall staircase as you scroll, with a flag hopping up after them to the top.
Key unlock
A padlock with its key in front: as you scroll the key slides in and turns, the lock lights, and the shackle springs up and swings open.
Map pins
A city map where pins drop from above onto places one after another as you scroll, bouncing as they land, while a dashed route draws itself between them.
Phone turntable
A phone on a turntable: as you scroll the platter turns it from side-on round to face you and its screen lights up piece by piece.
Pie assemble
Five thick pie-chart wedges, pulled far apart, that slide in one after another as you scroll until they lock into one whole disc.
Puzzle
Four puzzle pieces pulled apart to the corners that slide in from four sides together as you scroll, straighten, and lock into one square.
Roadmap
A winding road with milestone flags: as you scroll a map pin travels along it, leaving a bright trail and lighting each milestone it passes.
Satellite orbit
A satellite on a tilted orbit round a ruled planet: as you scroll it sweeps round and behind the planet, its wings lit and a signal beam reaching the surface.
Server rack
A server rack whose six sleds slide out one after another as you scroll, each lighting as it opens.
Shield layers
A padlock ringed by flat security rings that rise one after another into a tiered shield as you scroll, then the shackle drops shut.
Skyline
A city block whose towers rise out of the ground one after another as you scroll, their windows lighting floor by floor.
Stage separation
A three-stage rocket in flight: as you scroll the booster and then the second stage separate and tumble away while the next stage lights and climbs on.
Vault door
A round vault door that unlocks as you scroll, its wheel spinning and bolts drawing back, then swings open on its hinge to show the gold inside.
Use them on your site
Paste the div where the figure goes and load the script once. The figure reads where it is on screen and animates itself.
<div data-liniqo="rocket-launch-scroll"></div> <script src="https://liniqo.com/live/embed.js" async></script>
Nothing is pinned and the page scrolls normally. The figure simply follows its own position in the viewport, and runs backwards when people scroll up.
Set data-accent for your brand colour and data-theme for dark sections. Works in Framer, Webflow, WordPress, React and plain HTML.
