Box-shadow

96 snippets

Browse box-shadow examples — animations, layouts, typography, and visual effects. Filter the directory below.

css-box-shadow-examples

Snippets(96)

Box Shadow Piano
A box shadow piano built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Pixel Animation
A css pixel animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Dropplets
A dropplets built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Dynamic Box Shadow
A dynamic box shadow built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Image Shadows
A image shadows built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Isolating CSS Box Shadows
A isolating css box shadows built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Live Stripes
A live stripes built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Material Design Box Shadows
A material design box shadows built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Multiple Shadows
A multiple shadows built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Saturated vs Desaturated Box-Shadow
A saturated vs desaturated box-shadow built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Box-shadow Spill
A box-shadow spill built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Box-Shadow Pseudo Loaders
A box-shadow pseudo loaders built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Frontend Ui Modern Design+1 more
Demo Code
Bootstrap 5 Accordion Example
A bootstrap 5 accordion example built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Button with Animated Gradient
A button with animated gradient built with modern frontend techniques for responsive and reusable UI.
Call To Action Frontend Ui Modern Design Ui Controls+2 more
Demo Code
Connect Four in Vue and CSS
A connect four in vue and css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
FAQ Accordion with Font Awesome Icons
A faq accordion with font awesome icons built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Neumorphic Dark Mode Calculator
A neumorphic dark mode calculator built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JavaScript
Difficulty
Intermediate
Browser support
Chrome 60+, Edge 79+, Firefox 55+, Safari 11+
Features
Neumorphism, Dark Mode Toggle, Copy to Clipboard, Vanilla JS Math
Neumorphic Drag Dial Thermostat
A neumorphic drag dial thermostat built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JavaScript
Difficulty
Intermediate
Browser support
Chrome 60+, Safari 11+, Firefox 55+, Edge 79+
Features
Neumorphism, Draggable Dial, Dynamic Gradients, Keyboard Accessible
Soft UI Counter Component
A soft ui counter component built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Checkbox Hamburger Menu Animation
A checkbox hamburger menu animation built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
CSS Style Switcher with :has()
A css style switcher with :has() built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Neuromorphic Keyboard
A neuromorphic keyboard built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Bicycle
A bicycle built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Day/Night Lighthouse Illustration
A css day/night lighthouse illustration built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Dipper Pines from Gravity Falls
A dipper pines from gravity falls built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Giraffe
A giraffe built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Line House
A line house built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Retro Arcade Machine
A pure css retro arcade machine built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Difficulty
Advanced
Browser support
Chrome 69+, Edge 79+, Firefox 83+, Safari 12.1+
Features
Pure CSS, Gradient Art, Viewport Scaling
Realistic MPK Mini MIDI Controller in Pure CSS
A realistic mpk mini midi controller in pure css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Single Div CSS Computer
A single div css computer built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Warrior
A warrior built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Animated Weather Icons
A animated weather icons built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
3D - CSS Social Tiles
A 3d - css social tiles built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS3 Picture Frame
A css3 picture frame built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Calculator
A calculator built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Dark Mode Toggle Switch
A dark mode toggle switch built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Metallic Skeuomorphic Toggle Switches
A metallic skeuomorphic toggle switches built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Dark Mode Toggle Switch
A pure css dark mode toggle switch built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Range Slider
A range slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Border Form
A border form built with modern frontend techniques for responsive and reusable UI.
Form Elements Frontend Ui Modern Design User Input+1 more
Demo Code
Credit Card Checkout
A credit card checkout built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Ergonomic Toggle (CSS)
A ergonomic toggle (css) built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Skeuomorphic Wood Texture Toggles
A skeuomorphic wood texture toggles built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, SCSS
Difficulty
Intermediate
Browser support
Chrome 105+, Edge 105+, Firefox 121+, Safari 15.4+
Features
Skeuomorphism, CSS Patterns, Input Hack, Detailed Shadows
Neumorphic Soft UI Radio Buttons and Checkboxes
A neumorphic soft ui radio buttons and checkboxes built with modern frontend techniques for responsive and reusable UI.
Call To Action Frontend Ui Modern Design Ui Controls+2 more
Demo Code
#1139 - Testimonial Card with Image
A #1139 - testimonial card with image built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
Beginner
Features
Speech bubble effect, Image support, Absolute positioning
Responsive
Yes
Neumorphic Loader
A neumorphic loader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
CSS, HTML, JavaScript
Difficulty
Intermediate
Features
Neumorphism, Dynamic Progress, 3D Effect
Progress Scrollbar CSS Only
A progress scrollbar css only built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Beginner
Features
No JavaScript, Custom Scrollbar
Responsive
Yes
Inverted Border Boxes
A inverted border boxes built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
intermediate
Features
inverted corners, concave radius, pseudo-element styling
Responsive
Yes
Recipe Card
A recipe card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
90's Profile Card
A 90's profile card built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
Beginner
Features
Sepia Filter, Gradient Background, Retro Aesthetic
Responsive
Yes
E-Commerce Card
A e-commerce card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Features
hover effects, box-shadow animation, product layout
Responsive
Yes
Material Cards
A material cards built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Technologies
SCSS, Flexbox
Difficulty
Beginner
Features
Hover effects, Responsive grid, Material Design
Responsive
Yes
Material Design Card Effect
A material design card effect built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Technologies
SCSS, CSS3
Difficulty
Intermediate
Features
Multi-layered shadows, Material Design elevation
HTML and CSS Credit Card
A html and css credit card built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Technologies
CSS, HTML
Difficulty
intermediate
Features
Pseudo-elements, Embossed text effect, No-image illustration
Responsive
Yes
Blog Card
A blog card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
Intermediate
Features
box-shadow depth, absolute positioning, centered images
Responsive
Yes
Striped Box Shadow Effect
A striped box shadow effect built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
Intermediate
Features
CSS Gradients, Pattern Backgrounds
Responsive
Yes
Button Hover Effects With Box-Shadow
A button hover effects with box-shadow built with modern frontend techniques for responsive and reusable UI.
Call To Action Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
CSS, Sass
Difficulty
Beginner
Features
Box-shadow effects, Hover transitions, CSS Variables
Responsive
Yes
Animated Futuristic State Button
A animated futuristic state button built with modern frontend techniques for responsive and reusable UI.
Call To Action Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
HTML, CSS
Difficulty
Intermediate
Browser support
Chrome 80+, Edge 80+, Firefox 75+, Safari 13+
Features
Staggered Animation, Focus State Interaction, Text Swapping, Advanced Box Shadows
Responsive
Yes
Glowing On/Off Buttons
A glowing on/off buttons built with modern frontend techniques for responsive and reusable UI.
Call To Action Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
CSS3, JavaScript
Difficulty
Beginner
Features
Skeuomorphic design, WAI-ARIA compliant, Pure CSS animations
Responsive
Yes
Iridescent 3D Neumorphic Button
A iridescent 3d neumorphic button built with modern frontend techniques for responsive and reusable UI.
Call To Action Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
HTML, CSS
Difficulty
Advanced
Browser support
Chrome 105+, Edge 105+, Firefox 121+, Safari 15.4+
Features
Iridescent Gradient, Complex Layered Shadows, Neumorphic Depth, Blending Modes
Responsive
Yes
Neumorphic Multi-Buttons with CSS Feedback
A neumorphic multi-buttons with css feedback built with modern frontend techniques for responsive and reusable UI.
Call To Action Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
Intermediate
Features
Neumorphism, Interactive Hover Effects, Click Animation
Responsive
Yes
Push Button (CSS 3D Button)
A push button (css 3d button) built with modern frontend techniques for responsive and reusable UI.
Call To Action Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
CSS3
Difficulty
Beginner
Features
Skeuomorphism, 3D Effect, Hover Animation
Responsive
Yes
Soft Button Styling
A soft button styling built with modern frontend techniques for responsive and reusable UI.
Call To Action Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Features
Skeuomorphism, 3D Effects, Custom Gradients
Responsive
Yes
Basic CSS Snippets: Double Borders
A basic css snippets: double borders built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS3
Difficulty
beginner
Features
Double Border, CSS Variables
Responsive
Yes
Skeuomorphic Egg Toggle Switch
A skeuomorphic egg toggle switch built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
HTML, CSS, JavaScript
Difficulty
Intermediate
Browser support
Chrome 105+, Edge 105+, Firefox 121+, Safari 15.4+
Features
3D Rotation, Skeuomorphic Design, CSS Keyframes, Multi-layered Shadows
Responsive
Yes
Skeuomorphic Retro Casio F-91W Watch
A skeuomorphic retro casio f-91w watch built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
HTML, PostCSS, Babel
Difficulty
Advanced
Browser support
Chrome 60+, Edge 79+, Firefox 55+, Safari 11+
Features
Skeuomorphism, Real-time Clock, LCD Backlight, 3D Depth Effect
Responsive
Yes
Skeuomorphic Reversi Radio Buttons
A skeuomorphic reversi radio buttons built with modern frontend techniques for responsive and reusable UI.
Call To Action Semantic Html Html Frontend Ui+5 more
Demo Code
Technologies
HTML, CSS, JavaScript
Difficulty
Intermediate
Browser support
Chrome 43+, Edge 12+, Firefox 16+, Safari 9+
Features
Skeuomorphic Design, 3D Flip Animation, Gradient Shading
Responsive
Yes
Vertical Rocker Switch
A vertical rocker switch built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS, HTML
Difficulty
Intermediate
Features
3D realism, Smooth animations, CSS Variables
Eye-Catching Bootstrap 5 Button
A eye-catching bootstrap 5 button built with modern frontend techniques for responsive and reusable UI.
Call To Action Html Frontend Ui Modern Design+4 more
Demo Code
Technologies
Bootstrap 5, CSS3
Difficulty
Intermediate
Features
Neon Gradient, Shine Animation, Hover Scaling
Responsive
Yes
Ctrl+c ctrl+v Keys RGB
A ctrl+c ctrl+v keys rgb built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
Intermediate
Features
RGB Animation, Interactive Keys, Glow Effects
Responsive
Yes
Skeuomorphic 3D Elastic Toggle Switch
A skeuomorphic 3d elastic toggle switch built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JavaScript
Difficulty
Intermediate
Browser support
Chrome 43+, Edge 12+, Firefox 16+, Safari 9+
Features
3D Skeuomorphism, Elastic Animation, Fixed Background
Responsive
Yes
Parallax Shadows
A parallax shadows built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
intermediate
Features
parallax depth, dynamic shadows
Responsive
Yes
Hand-Drawn Retro Radio Group
A hand-drawn retro radio group built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
Intermediate
Browser support
Chrome 60+, Edge 79+, Firefox 60+, Safari 12+
Features
Paper Texture, Jitter Animation, Bounce Effect, Scanline Overlay
Responsive
Yes
To-Do List
A to-do list built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS, JavaScript
Difficulty
Beginner
Features
Paper effect, Skew transformation, Interactive checkboxes
Responsive
Yes
Neon Icon Hover Effect
A neon icon hover effect built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
HTML, CSS
Difficulty
Beginner
Features
Neon Glow, CSS Variables, Hover Animation
Responsive
Yes
Skeuomorphic Chess Pawn
A skeuomorphic chess pawn built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
Pug, SCSS
Difficulty
Advanced
Browser support
Chrome 26+, Edge 12+, Firefox 16+, Safari 7+
Features
Skeuomorphic Design, Layered Gradients, Isometric View
Responsive
Yes
Climbing Cube
A climbing cube built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Web Components
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Features
3D Transform, Infinite Loop, Neon Glow
Dynamic Neon Glow Range Slider
A dynamic neon glow range slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Html Frontend Ui+3 more
Demo Code
Technologies
HTML, CSS
Difficulty
Intermediate
Browser support
Chrome 111+, Edge 111+, Firefox 113+, Safari 16.4+
Features
Skeuomorphism, Dynamic Shadow Casting, CSS @property, Cross-browser Track Styling
Responsive
Yes
Industrial Ember Glow Toggle Switch
A industrial ember glow toggle switch built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
Intermediate
Browser support
Chrome 88+, Edge 88+, Firefox 84+, Safari 14+
Features
Volumetric Glow, Pure CSS State, Layered Shadows, Custom Easing
Responsive
Yes
Neon Glow Toggle Switch
A neon glow toggle switch built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
HTML, CSS
Difficulty
Intermediate
Browser support
Chrome 85+, Edge 85+, Firefox 128+, Safari 16.4+
Features
CSS @property, Skeuomorphism, Conic-gradient Mask, Dark Mode Ready
Responsive
Yes
Neuomorphic Fingerprint Scanner
A neuomorphic fingerprint scanner built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, SVG
Difficulty
Intermediate
Features
Neuomorphism, Animation, Glow Effects
Skeuomorphic Lunar Desk Calendar
A skeuomorphic lunar desk calendar built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
Pug, Sass, JavaScript
Difficulty
Intermediate
Browser support
Chrome 80+, Edge 80+, Firefox 75+, Safari 13.5+
Features
Lunar Date Engine, 3D Perspective, Neon Dark Mode, Real-time Clock
Responsive
Yes
Glass Effect UI
A glass effect ui built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
beginner
Features
glassmorphism, blur effect, translucent UI
George Orwell 1984 Book Cover
A george orwell 1984 book cover built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Features
3D Transform, Hover Effect, Perspective
Responsive
Yes
Fancy Banners
A fancy banners built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
Beginner
Features
Pseudo-elements, Box shadows, Layered depth
Responsive
Yes
Creative Section Design
A creative section design built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
intermediate
Features
hover animations, interactive cards, gradient borders
Responsive
Yes
Earth with Pure CSS
A earth with pure css built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS
Difficulty
Advanced
Features
Pure CSS Animation, Volumetric Lighting, CSS @property
Responsive
Yes
Glowing Chasing Squares Loader
A glowing chasing squares loader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
HTML, CSS
Difficulty
Beginner
Browser support
Chrome 53+, Edge 79+, Firefox 35+, Safari 9+
Features
Negative Delays, Glow Effects, Fluid Sizing
Responsive
Yes
Pixel Art Animation
A pixel art animation built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, SCSS
Difficulty
Advanced
Browser support
Chrome 26+, Edge 12+, Firefox 19+, Safari 6+
Features
Single Element, SCSS Matrices, Step Animation
Responsive
Yes
Pure CSS Animated Coffee Cup Loader
A pure css animated coffee cup loader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
Advanced
Browser support
Chrome 88+, Edge 88+, Firefox 84+, Safari 14+
Features
Squash & Stretch, Path Morphing, Dark Mode
Responsive
Yes
3D Capsule Slider Button
A 3d capsule slider button built with modern frontend techniques for responsive and reusable UI.
Call To Action Semantic Html Html Frontend Ui+5 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
Intermediate
Features
3D Transforms, Neumorphism, CSS Transitions
Responsive
Yes
3D Neon Toggle On/Off Switch
A 3d neon toggle on/off switch built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, HTML
Difficulty
Intermediate
Features
3D Transforms, Neon Glow, Interactive Toggle
Responsive
Yes
3D Toggle On/Off Switch v2
A 3d toggle on/off switch v2 built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
advanced
Features
Skeuomorphism, 3D Transforms, Metallic Gradients
Responsive
Yes
React Radio Player
A react radio player built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Web Components
Demo Code
Technologies
React, Web Audio API, CSS3
Features
Live streaming, Tactile UI, Power-on animations
Responsive
Yes
Skeuomorphic Snowball Range Slider
A skeuomorphic snowball range slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Html Frontend Ui+3 more
Demo Code
Technologies
HTML, SCSS, TypeScript
Difficulty
Intermediate
Browser support
Chrome 60+, Edge 79+, Firefox 55+, Safari 11+
Features
Skeuomorphism, Dynamic Texture Mapping, RTL Support, CSS Variables
Responsive
Yes
Simple Styles for Horizontal Rules
A simple styles for horizontal rules built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Technologies
css, html
Difficulty
beginner
Responsive
Yes

Snippets(96)

related hubs