Appyboom
Code Lab · Free, no attribution required

Code to copy

HTML · CSS · JS

Animations, buttons, and interfaces in HTML, CSS, and JavaScript. Open a creation to see it live and copy its source code.

Preview of Rain Free

Rain

HTML · CSS
Premium glass button

Glassmorphism button with a glass effect, stars, raindrops, and click ripples. Pure CSS, ready to copy.

View + copy the code →
Preview of Flux Nav Free

Flux Nav

HTML · CSS · JS
Liquid navigation

Smooth navigation menu with animated transitions and an indicator that follows the active item. Lightweight and easy to integrate.

View + copy the code →
Preview of Candle Free

Candle

HTML · CSS
Animated candle

Realistic flickering candle flame in pure CSS, no image or JavaScript. Perfect for a cozy atmosphere.

View + copy the code →
Preview of Bin Free

Bin

HTML · CSS · JS
Delete button

Metallic trash-can button whose lid opens and drops a piece of waste on hover. Perfect for a delete action.

View + copy the code →
Preview of Heart Free

Heart

HTML · CSS · JS
3D particle heart

Volumetric heart made of WebGL particles (Three.js) that beats, reacts to the pointer, and explodes into a spiral on click before reforming.

View + copy the code →
Preview of Fantasy Free

Fantasy

HTML · CSS · JS
Fantasy button

Fantasy-themed button with glowing light effects and sparkling particles on hover. Pure CSS/JS, ready to copy.

View + copy the code →
Preview of Push Free

Push

HTML · CSS · JS
iPod Silver button

Brushed-aluminum iPod-Silver-style button with mouse-tracked 3D tilt and a realistic pressed inset on click.

View + copy the code →
Preview of Rose Free

Rose

HTML · CSS · JS
Blooming animated rose

A rose blooming petal by petal in a glowing night scene, with halo and ground light effects.

View + copy the code →
Preview of Social Flower Free

Social Flower

HTML · CSS · JS
Social links flower menu

An iPod-style flower whose petals each open a social network (Facebook, Instagram, TikTok...). Lightweight, accessible and responsive.

View + copy the code →
Preview of Clutch Free

Clutch

HTML · CSS · JS
Mechanical slide switch

A brushed-metal round knob that slides along a rail, with dynamic shadows, 3D tilt and a red/green LED indicator. Pure CSS/JS, ready to copy.

View + copy the code →
Preview of Luxe Free

Luxe

HTML · CSS
White & gold button

A signature button styled like a jewel case: engraved gold lettering, a double gold frame and a sweep of light on hover. Pure CSS, ready to copy.

View + copy the code →
Preview of Luxe Noir Free

Luxe Noir

HTML · CSS
Black & gold button

The black and gold version of the signature button: engraved gold lettering on ebony, a double gold frame and a sweep of light. Pure CSS, ready to copy.

View + copy the code →
Preview of Login 3D Light Free

Login 3D Light

HTML · CSS · JS
Light login form

A neumorphic login card in soft relief: inset fields, a show-password button, a "Remember me" toggle and a raised Sign In button. Ready to copy.

View + copy the code →
Preview of Login 3D Dark Free

Login 3D Dark

HTML · CSS · JS
Dark login form

The dark version of the relief login: soft shadows on charcoal, inset fields, a show-password button and a "Remember me" toggle. Ready to copy.

View + copy the code →

Was this code useful to you?
Appyboom is developed by one person. A coffee funds the time spent creating and sharing these upcoming creations.

☕ Support Appyboom →