Fun Functions.
Little touches that make a website feel alive. Press, tap, drag and poke everything. If you would like one on your own site, just ask.
- 01
Paper plane send
Off to the right, a loop-the-loop, then away to the left, with a little smoke.
- 02
Heart burst
A like button that pops, with a flurry of tiny hearts.
- 03
Confetti
For when something deserves a celebration.
- 04
Magnetic button
It leans towards your cursor. Move close and see.
- 05
Ripple
A soft wave from exactly where you press.
- 06
Squishy switch
The knob stretches as you press, then springs across.
Off - 07
Copy to tick
The icon draws itself into a check mark.
- 08
Notification bell
Gives a proper ring and a badge that pops in.
- 09
The shy button
It keeps its distance from a mouse. Keyboard and touch can still press it.
Sliders, dials and scrollbars.
Even the humble slider can be anything you like. A whole section to show that if you can picture it, it can be built.
- 10
Volume
The speaker waves grow and shrink as you slide.
60 - 11
Equaliser
Five sliders, and the bars dance to your levels.
- 12
Turn the dial
Drag round it, or use the arrow keys.
40 - 13
Temperature
Colour and mood change from freezing to scorching.
Cosy50° - 14
Fill the tank
A sloshing wave rides the water line as it rises.
40% - 15
Custom scrollbar
A chunky gradient scrollbar. The whole page has a rainbow progress bar across the top too.
Scroll me! This box has its own scrollbar, thick and rounded with a colour that slides from blue to rose.
Scrollbars do not have to be thin grey lines. They can match your brand, grow when you touch them and feel like part of the design.
Look up at the very top of this page too. A thin bar fills as you scroll down, so people always know how far through they are.
Little details like these are what make a site feel cared for.
Keep going, there is a bit more.
That is the end. Easy, right?
- 16
Slide to send
Drag the handle all the way across. Keyboard users can press it.
More on the way.
This page keeps growing. Got a favourite effect you would love to see? Tell us and it might be next.