Pure CSS · Copy & paste

99 CSS buttons,
free to copy.

A library of 99 buttons built with pure CSS hover effects — no JavaScript, no dependencies. Copy the self-contained CSS for any button, or grab a ready-made Prompt to have your coding agent recreate it. Every snippet paints with a single --bink colour token and respects prefers-reduced-motion.

Click a button to copy its CSS 99 buttons

01

Fill Up

02

Fill Down

03

Fill Left

04

Fill Right

05

Fill X

06

Fill Y

07

Diagonal

08

Radial

09

Lift

10

Press

11

Scale Up

12

Scale Down

13

Shadow Grow

14

Glow

15

Border Draw

16

Outline Pop

17

Underline

18

Under Center

19

Bracketed

20

Ink Swap

21

Spaced Out

22

Bold Shift

23

Skew

24

Tilt

25

Sheen

26

Gradient Slide

27

Conic Spin

28

Stripe Slide

29

Shine Sweep

30

Ripple

31

Invert

32

Swap Out

33

Corners

34

Arrow Push

35

Icon Push

36

Double Edge

37

Dash Solid

38

De-Round

39

To Pill

40

Pulse

41

Wobble

42

Bounce

43

Jelly

44

Shake

45

Spread

46

Split Half

47

Neon Flicker

48

Glitch

49

Size Grow

50

Clip Reveal

51

Left Bar

52

Base Bar

53

Dotted

54

Inset Fill

55

Emboss

56

Sweep Diag

57

Fold

58

Hard Shadow

59

Brutalist

60

Shadow Slide

61

Color Cycle

62

Outline Grow

63

Ring Pulse

64

Under Right

65

Skew Wipe

66

Gooey

67

Marker

68

Highlight

69

Pad Grow

70

Label Swap

71

Magnetic

72

Frost

73

Sheen Bar

74

Border Hue

75

Dot Under

76

Spin Scale

77

Drift

78

Corner Cut

79

Arrow Ring

80

Plus Turn

81

Corner Fill

82

Ink Spread

83

Rise Reveal

84

Wave

85

Pop Color

86

Retro 3D

87

Long Shadow

88

Thick Line

89

Edge Up

90

Widen

91

Squeeze

92

Tilt Shine

93

Spotlight

94

Neon Edge

95

Glass

96

Hue Text

97

Pill Grow

98

Dash Spin

99

Sparkle