Animated backgrounds

25 snippets

Browse animated backgrounds — subcategories and filters in one place. Use the table of contents to explore this branch.

animated-backgrounds

Snippets(25)

2kb Total Size SVG Animation
A 2kb total size svg animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated CSS Mask-Image Gradient
A animated css mask-image gradient built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JavaScript (Babel)
Browser support
Chrome, Firefox, Opera, Safari
Animated Ripples Background
A animated ripples background built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Haml), CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Background Animation
A background animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Background Effect
A background effect built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (Sass)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Blurred Animated Gradients
A blurred animated gradients built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bubble Background Animation
A bubble background animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Bubble Float
A bubble float built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Fireflies
A css fireflies built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (Sass)
Browser support
Chrome, Edge, Firefox, Opera, Safari
CSS Only Pattern Animation
A css only pattern animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS linear-gradient Animations
A css linear-gradient animations built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Cool Mountain Background
A cool mountain background built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (Less)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Falling Leaves CSS Animation
A falling leaves css animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Floating Color Orbs
A floating color orbs built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Gradient Background with Waves
A gradient background with waves built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Hexagon Background with 0 HTML
A hexagon background with 0 html built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Infinite SVG Triangle Fusion
A infinite svg triangle fusion built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Firefox, Opera, Safari
Noise Background
A noise background built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Only CSS: Warning
A only css: warning built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Pattern Animation (Infinite)
A pattern animation (infinite) built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Pure CSS Animated Background
A pure css animated background built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Pure CSS Particle Animation
A pure css particle animation built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Pure CSS Twinkling Stars Background
A pure css twinkling stars background built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Shooting Star
A shooting star built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Sliding Diagonals Background Effect
A sliding diagonals background effect built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari

Snippets(25)

related hubs