Framer button library — 200 code components
200 Buttons.
200 interactive buttons as Framer code components — clean corporate, creative and experimental. Copy any button into your project and customise text, colours, fonts and motion right in the properties panel. Every button has its own hover interaction; many corporate buttons also switch between a Primary and a Secondary style, others don’t — it depends on the button.
01 / Corporate — 60 buttons
Clean Corporate
Calm, precise interactions for SaaS, fintech and company sites. Most come with a built-in Primary / Secondary variant.
A — Primary & Secondary
32 buttons
001 — Magnetic Pill
004 — Text Roll Arrow
008 — Ripple Click
012 — Spotlight Border
020 — Bloom Lift
021 — Character Roll
028 — Underline Draw
032 — Circle Expand
039 — Pill To Circle
051 — SaaS Primary
053 — Border Beam
054 — Ghost To Solid
055 — Split Action
059 — Two Line Price
063 — Hairline Corners
068 — Tracking Lines
101 — Gradient Border
102 — Arrow Swap
103 — Shine Sweep
104 — Slide Fill
105 — Tactile Press
106 — Focus Ring
107 — Split Reveal
108 — Blur Swap
109 — Line Arrow
110 — Tertiary Link
111 — Elevation Lift
112 — Inner Spotlight
113 — Corner Arrow
114 — Dot Expand
115 — Border Trace
116 — Gradient Mesh
B — Icon & Compact
13 buttons
035 — Squircle Morph
052 — Icon Slide
056 — Kbd Shortcut
058 — Notify Bell
060 — Avatar Stack
117 — Icon Tooltip
118 — Play Video
119 — Announcement Pill
120 — Continue With
121 — Fab Plus
122 — Back To Top
123 — App Download
124 — Show More
C — Functional & States
15 buttons
017 — Pulse Ring
057 — Loading States
077 — Heart Like
078 — Paper Plane
079 — Hold To Confirm
125 — Copy Clipboard
126 — Download Progress
127 — Toggle Switch
128 — Segmented Control
129 — Add To Cart
130 — Bookmark Save
131 — Share Fan
132 — Dropdown Menu
133 — Countdown CTA
134 — Two Step Confirm
02 / Creative — 83 buttons
Creative
Art-directed buttons with personality — editorial, retro, tactile, illustrative. Made to be remembered.
002 — Liquid Fill
003 — Elastic Jelly
005 — Gravity Letters
006 — Pendulum
010 — Tilt 3D
013 — Conic Spin
014 — Aurora Glow
015 — Shimmer Sweep
023 — Marquee Label
024 — Split Flap
025 — Typewriter
026 — Variable Wave
027 — Strike Swap
029 — Outline To Fill
031 — Blob Morph
033 — Hex Shift
034 — Star Burst
036 — Ticket Stub
037 — Arrow Shape
038 — Folded Corner
040 — Diagonal Slice
041 — Neo Brutal
042 — Keycap
043 — Pixel 8-Bit
044 — Win95
045 — Arcade Button
046 — Y2K Chrome
047 — Risograph
048 — Sticker Peel
049 — Clay 3D
050 — Neumorph
061 — Gold Foil
062 — Serif Italic
064 — Fashion Curtain
065 — Rotating Badge
066 — Ink Bleed
067 — Velvet Gradient
069 — Wax Seal
070 — Issue Number
071 — Emoji Pop
073 — Googly Eyes
075 — Candy Stripe
076 — Rocket Launch
080 — Runaway Button
084 — Frosted Glass
091 — Brush Stroke
092 — Halftone
094 — Grain Gradient
097 — Long Shadow
099 — Origami Fold
135 — Graffiti Fill
136 — Spray Stencil
137 — Tape Rip
138 — Ransom Note
139 — Polaroid
140 — Sketch Boil
141 — Chalkboard
142 — Marker Highlight
143 — Paper Layers
144 — Rubber Stamp
145 — Stitch Patch
146 — Bubble Wrap
147 — Comic Pow
148 — Pop Up Book
149 — Vinyl Sleeve
150 — Cassette
151 — Receipt Print
152 — Match Strike
153 — Vine Grow
154 — Sunset Rise
155 — Watercolor Bloom
156 — Ribbon Banner
157 — Puzzle Piece
158 — Swiss Poster
159 — Memphis Party
160 — Bauhaus Compose
161 — Lenticular
162 — Scissors Cut
163 — Calligraphy
164 — Mosaic Tiles
165 — Knit Sweater
166 — Fridge Magnets
167 — Synthwave Grid
03 / Experimental — 57 buttons
Experimental
Physics, particles, shaders and simulations. Buttons nobody has seen before.
007 — Orbit Dots
009 — Particle Burst
011 — Neon Flicker
016 — Cursor Torch
018 — Hologram Scan
019 — Laser Trace
022 — Scramble Decode
030 — Glitch RGB
072 — Gooey Blobs
074 — Rubber Band
081 — Cyber Cut
082 — Terminal Prompt
083 — Matrix Rain
085 — HUD Lock
086 — Dot Grid Warp
087 — Data Stream
088 — Layer Split
089 — Power Charge
090 — Lens Magnify
093 — Kaleido
095 — Shatter
096 — Pixel Dissolve
098 — Sine Wave
100 — Vortex
168 — Liquid Metal
169 — Smoke Trail
170 — Physics Letters
171 — Particle Text
172 — Gravity Lens
173 — X-Ray Reveal
174 — Extruded 3D
175 — Portal
176 — Cloth Button
177 — Synth Keys
178 — Iron Filings
179 — Game Of Life
180 — Gravity Well
181 — Wormhole Tunnel
182 — Blob Creature
183 — Pluck Strings
184 — Pixel Sort
185 — Hyperspace
186 — Liquid Glass
187 — Infinite Zoom
188 — Thermal Vision
189 — Smoke Dissolve
190 — Electric Arc
191 — Kaleidoscope
192 — ASCII Render
193 — Fractal Tree
194 — Ferrofluid
195 — Cube Flip
196 — Echo Trails
197 — Bioluminescence
198 — VHS Rewind
199 — Gyroscope
200 — Big Bang