Creative Button — every design
All 30 of Happy’s creative-button effects plus three more, grouped the same way; colour presets, sizes, icons, alignment, custom styling, the magnetic pull and finished designs.
2. Sliding icon
An icon slides or fades into the button while it fills. (Happy’s “Symbolab”.) Hover each one.
Slides in from the right — icon-in-right
Slides in from the left — icon-in-left
Fades in on the right — icon-fade-right
Fades in on the left — icon-fade-left
4. Text effects
The words themselves move. (Happy’s “Montino”.) Hover each one.
Winona — winona
Rayen — rayen
Aylen — aylen
Wapasha — wapasha
Antiman — antiman
Sacnite — sacnite
5. Shape effects
The shape of the button changes. (Happy’s “Hermosa”.) Hover each one.
Exploit (default) — exploit
Upward — upward
Newbie — newbie
Render — render
Reshape — reshape
Expandable — expandable
Downhill — downhill
Bloom — bloom
Roundup — roundup
6. More (Moduly extras)
Three more effects that are not in Happy. Hover each one.
Shine sweep — shine
Pulse ring — pulse
Border draws around — draw
7. Colour presets and “start filled”
Nine presets; “Start filled” swaps the resting and hover colours.
Preset: indigo
Preset: pink
Preset: black
Preset: offwhite
Preset: cranberry
Preset: purple
Preset: emerald
Preset: amber
Preset: white, on dark
Indigo, start filled
Pink, start filled
Black, Wapasha
8. Sizes, icons and alignment
Five sizes, an optional icon beside the text, and left / centre / right / full-width alignment.
Size: xs
Size: sm
Size: md
Size: lg
Size: xl
Icon beside the text, after
Icon before
Alignment: full width
9. Custom styling
Every colour, border, radius, padding, typography, shadow and speed is editable.
Custom colours, 3 px border, square
Uppercase, wide tracking
Shadow
Speed 1200 ms
Roundup, 150 px, 2.5 px stroke
Icon size 20 px
10. Magnetic
The button leans toward the pointer (mouse only; off for reduced motion and in the editor). Move the mouse around each one.
Default: 30 px reach, 35 % strength
Reach 70 px, strength 60 %
Roundup + magnetic
11. Finished designs
A dark agency hero with two buttons, a sale banner and a scroll prompt.
We design brands people remember
Identity, packaging and websites for independent makers.