Tagged snippets

Snippets tagged “Html”

All indexed snippets that share this tag. Clear the filter to return to the global randomized feed.

Randomized on refresh2,833 snippets indexed

// site modules

Snippets, tools, JSON, and sample files

Each area is self-contained: browse code here, open converters in the toolbox, shape JSON in JSON Toolkit, or grab fixtures for tests and demos.

Snippets
Search and open curated frontend examples—HTML, CSS, JS, and frameworks—with previews and copy-ready source.
Open search
Developer tools
Browser-side formatters, encoders, validators, and small utilities—no server round trip for typical tasks.
Browse tools
JSON Toolkit
Edit, format, validate, query, compare, and convert JSON and CSV in one workspace built for larger payloads and offline use where supported.
Open JSON Toolkit
Sample files
Download small test assets—documents, images, audio, video, and other fixtures—for uploads, parsers, and UI demos.
View sample downloads

// main content

Results for tag “html”

Page 1 of 29

Narrow Vertical Timeline
A narrow vertical timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Chat Bubbles
A chat bubbles built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Difficulty
easy
Responsive
Yes
Pretty Timeline
A pretty timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
That Loader in CSS
A that loader in css built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
CSS3
Difficulty
easy
Features
GPU Accelerated, Zero Dependencies
Responsive
Yes
Yet Another CSS Loader #2
A yet another css loader #2 built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
CSS, HTML
Features
Pure CSS, Animation
Responsive
Yes
Pencil Loader
A pencil loader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+3 more
Demo Code
Technologies
css, html
Difficulty
easy
Responsive
Yes
Acrobatic Preloader
A acrobatic preloader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+3 more
Demo Code
Technologies
CSS, HTML
Difficulty
Beginner
Features
CSS Animations, Lightweight
Responsive
Yes
Super Simple Timeline
A super simple timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
easy
Responsive
Yes
Pure CSS Responsive Speech Bubble
A pure css responsive speech bubble 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
beginner
Responsive
Yes
Double Ring Spinner
A double ring spinner built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Difficulty
beginner
Features
CSS Animations, Loading State
Responsive
Yes
The Moving
A the moving 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
Beginner
Responsive
Yes
Stunt Preloader
A stunt preloader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Pure CSS Speech and Thought Bubbles
A pure css speech and thought bubbles built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
Beginner
Features
No images, Pure CSS, Pseudo-elements
Responsive
Yes
Responsive Timeline Concept
A responsive timeline concept built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
intermediate
Features
vertical axis, pseudo-element markers, responsive layout
Responsive
Yes
Glowing Loader Ring Animation
A glowing loader ring animation built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Difficulty
beginner
Features
css-animation, neon-glow, loading-indicator
Responsive
Yes
Vertical Timeline
A vertical timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
Beginner
Responsive
Yes
Timeline with Sticky Dates
A timeline with sticky dates built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
Beginner
Features
Sticky positioning, Zero-JS, Chronological layout
Responsive
Yes
Animated SVG Travel Timeline
A animated svg travel timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
SVG, CSS Animation
Difficulty
intermediate
Responsive
Yes
Loading Goes Off Track
A loading goes off track built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
css, html
Difficulty
beginner
Responsive
Yes
UI Design Morning Timeline
A ui design morning timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
easy
Responsive
Yes
UIkit 3 CSS Timeline
A uikit 3 css timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS, UIkit
Responsive
Yes
Chat UI 2.0
A chat ui 2.0 built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Features
Flexbox layout, Speech bubbles, Responsive design
Responsive
Yes
Leaky Preloader
A leaky preloader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+4 more
Demo Code
Difficulty
easy
Responsive
Yes
Skateboard-Like Preloader
A skateboard-like preloader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+2 more
Demo Code
Technologies
HTML, CSS
Features
CSS Animation, Pure CSS
Responsive
Yes
Responsive Timeline
A responsive timeline 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
beginner
Responsive
Yes
Vertical Timeline With CSS
A vertical timeline with css 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
Beginner
Features
Responsive Layout, Pure CSS
Responsive
Yes
Apple iMessage in CSS
A apple imessage in css built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Responsive
Yes
Hyperloop Timeline
A hyperloop timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
intermediate
Responsive
Yes
Vertical Dark Timeline
A vertical dark timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Features
Dark mode, Pseudo-element accents, Color modifiers
Responsive
Yes
Yet Another CSS Loader
A yet another css 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
Difficulty
beginner
Responsive
Yes
Hello... I guess...
A hello... i guess... built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Spinner and Balls
A spinner and balls built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Difficulty
easy
Responsive
Yes
Google Fiber Loading Animation Idea
A google fiber loading animation idea built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+2 more
Demo Code
Technologies
CSS, HTML
Difficulty
easy
Features
CSS Animations, Minimalist UI
Responsive
Yes
CSS Speech Bubble
A css speech bubble built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS, HTML
Difficulty
Beginner
Features
Pseudo-elements, CSS Transforms
Responsive
Yes
Hello, World
A hello, world built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Timeline of HTML
A timeline of html built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Features
CSS variables, Grid layout, Color cycling
Responsive
Yes
Pure CSS Loader #11/2020 - Ripples
A pure css loader #11/2020 - ripples built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
CSS Houdini, CSS Custom Properties
Difficulty
Advanced
Features
Pure CSS, Animated, Hardware Accelerated
The Square
A the square built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Responsive
Yes
Snowball Preloader
A snowball preloader 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
beginner
Features
Pure CSS Animation, Looping
Responsive
Yes
Infinite Loader on Top
A infinite loader on top built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+3 more
Demo Code
Technologies
CSS, SVG
Features
Pure CSS, No JavaScript, SVG Animation
Responsive
Yes
UL Timeline Cards
A ul timeline cards built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+4 more
Demo Code
Difficulty
beginner
Responsive
Yes
Pencil Preloader
A pencil preloader 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
Beginner
Features
CSS Animation, Lightweight, Looping
Responsive
Yes
Timeline UI Design
A timeline ui design built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Responsive Speech Bubble
A responsive speech bubble built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Features
responsive, shadow-effect
Responsive
Yes
Vertical Timeline
A vertical timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Comic Book Speech Bubbles with SVG
A comic book speech bubbles with svg built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Technologies
SVG, CSS, HTML
Features
Scalable shapes, Multiple styles, Dynamic sizing
Responsive
Yes
Timeline
A timeline 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
beginner
Responsive
Yes
Pure CSS 3D Tunnel Spinner
A pure css 3d tunnel spinner 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 Transforms, Keyframe Animations, Pure CSS
Responsive
Yes
Timeline
A timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Difficulty
easy
Responsive
Yes
The Infinity II
A the infinity ii built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Responsive
Yes
#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
Timeline
A timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Responsive
Yes
Black Lives Matter Dialog Boxes
A black lives matter dialog boxes built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Color Wheel Loader using Animated Custom Properties
A color wheel loader using animated custom properties built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+2 more
Demo Code
Technologies
CSS Houdini, CSS Custom Properties
Difficulty
intermediate
Features
Smooth color transitions, Staggered animation delays
Responsive
Yes
The Square vs The Circle
A the square vs the circle 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
beginner
Responsive
Yes
Vertical Timeline
A vertical timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Infinity SVG Spinner with CSS Animation
A infinity svg spinner with css animation built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
CSS, SVG
Difficulty
Beginner
Features
Pure CSS, Vector-based, Hardware Accelerated
Responsive
Yes
Take On Me Loading Circle
A take on me loading circle built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
CSS, HTML
Difficulty
Beginner
Responsive
Yes
Pure CSS Loader #10/2020 - No SVG Arcs
A pure css loader #10/2020 - no svg arcs built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
CSS, SASS, CSS Houdini
Features
Pure CSS, No SVG, Hue-shifting
#1157 - Testimonial Card with Profile Image
A #1157 - testimonial card with profile 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 pointer, Profile image support, CSS-only arrow
Responsive
Yes
Alternating Speech Bubbles
A alternating speech bubbles built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Features
CSS Pseudo-elements, nth-child styling, Chat UI
Responsive
Yes
Collapsable Timeline
A collapsable timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Features
collapsible entries, chronological layout, interactive
Responsive
Yes
Neon Loaders Using a Single Div
A neon loaders using a single div built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Difficulty
beginner
Features
single-element, neon-glow, css-animation
Responsive
Yes
Death Stranding Inspired Star Loader
A death stranding inspired star loader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+4 more
Demo Code
Features
flicker effect, staggered animation, reduced-motion support
Responsive
Yes
CSS Timeline Multi
A css timeline multi built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Features
animated lines, mirrored layout, color themes
Responsive
Yes
Responsive Two-Column Timeline
A responsive two-column timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, SCSS
Difficulty
Beginner
Browser support
Chrome 80+, Edge 80+, Firefox 75+, Safari 13+
Features
CSS Grid, Dynamic Background Markers, Alternating Layout
Responsive
Yes
Compass Preloader
A compass preloader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+3 more
Demo Code
Features
CSS Animation, Preloader, Minimalist Design
Responsive
Yes
Colorful Mario Timeline
A colorful mario timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
easy
Responsive
Yes
CSS Only Speech Bubble
A css only speech bubble built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
css, html
Difficulty
beginner
Responsive
Yes
Timeline CSS
A timeline css 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
beginner
Responsive
Yes
CSS Star Particles Spinner
A css star particles spinner built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, HTML, FontAwesome
Difficulty
Intermediate
Features
Animation, Hue-rotation, Responsive
Wheel Timeline. Pure CSS
A wheel timeline. pure css built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
CSS3
Difficulty
Advanced
Features
No JavaScript, Radial Layout, CSS State Management
Responsive
Yes
Gradient Circle with CSS
A gradient circle with css 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-effect, radial-gradient, pseudo-elements
Responsive
Yes
CSS Loader Animation
A css loader animation built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
Intermediate
Features
Pure CSS, No-JS, Smooth Animation
Responsive
Yes
Origami Preloader
A origami preloader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+2 more
Demo Code
Technologies
CSS, HTML
Difficulty
intermediate
Responsive
Yes
CSS Timeline
A css timeline built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
beginner
Features
color-coded events, responsive layout, pseudo-element markers
Responsive
Yes
Pétanque: Spheres in CSS
A pétanque: spheres in css 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
Pure CSS, 3D Effect, Radial Gradients
Responsive
Yes
Spheres but Not Spheres
A spheres but not spheres built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Features
CSS Gradients, Blend Modes, Visual Effects
Responsive
Yes
Project Timeline
A project timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Box Preloader
A box preloader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+3 more
Demo Code
Technologies
HTML, CSS
Difficulty
Beginner
Features
CSS Animation, Geometric Shape
Responsive
Yes
Loader
A loader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+4 more
Demo Code
Technologies
HTML, CSS
Difficulty
easy
Responsive
Yes
Timeline Animation
A timeline animation built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
intermediate
Responsive
Yes
Pure CSS Thought Bubbles
A pure css thought bubbles built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
Beginner
Features
No-JS, Pseudo-elements, Box-shadow trails
Responsive
Yes
Create Water Wave
A create water wave 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
Animation, Looping
Responsive
Yes
Simple CSS Loaders
A simple css loaders built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
beginner
Features
Pure CSS Animations, Lightweight, Customizable
Responsive
Yes
CSS Only Rotating Loader
A css only rotating loader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Technologies
CSS3
Difficulty
Beginner
Features
Pure CSS, Infinite Animation
Responsive
Yes
Spinners
A spinners built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
CSS, HTML
Responsive
Yes
The Maze
A the maze built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Features
CSS Animation, Optical Illusion, Pure CSS
Responsive
Yes
Remix CD Loader
A remix cd loader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+3 more
Demo Code
Difficulty
easy
Features
CSS Animation, Circular Motion
Responsive
Yes
Timeline
A timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
8-bit Pixel Speech Bubble Text Balloon
A 8-bit pixel speech bubble text balloon built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS, HTML
Difficulty
easy
Responsive
Yes
Pure CSS Hexagon Slices
A pure css hexagon slices 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
Clip-path, Geometric shapes
Responsive
Yes
Comic Director Splash Animation
A comic director splash animation built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
Intermediate
Features
Hardware accelerated, Sequential reveal, Custom easing
Responsive
Yes
CSS3 Timeline
A css3 timeline 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
easy
Features
vertical-layout, chronological-order
Responsive
Yes
Snake Game Preloader
A snake game preloader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+3 more
Demo Code
Technologies
CSS, SVG
Features
No-JS, Infinite Loop, Pixel Art
Responsive
Yes
Single Div Timeline
A single div timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
Intermediate
Features
Single-element construction, CSS pseudo-elements
Responsive
Yes
Timeline
A timeline built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Flexbox Timeline Layout
A flexbox timeline layout 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
Beginner
Responsive
Yes
Satellite Spinner
A satellite spinner built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Responsive
Yes
Smiley Preloader
A smiley preloader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Html Frontend Ui+2 more
Demo Code
Difficulty
easy
Features
css-animation, preloader
Responsive
Yes