Filter

18 snippets

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

filter

Snippets(18)

Animated SVG Filter FX
A animated svg filter fx built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Animated SVG Turbulence Filter
A animated svg turbulence filter built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Blurred Video Effect with CSS filter
A blurred video effect with css filter built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (Stylus)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
CSS Filter Cards
A css filter cards built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS-Filter (Blur) on Image-Caption
A css-filter (blur) on image-caption built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Concept img Loader Using clip-path + filter
A concept img loader using clip-path + filter built with modern frontend techniques for responsive and reusable UI.
Loading Animation Css Loader Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (Stylus)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Duotone Calendar
A duotone calendar built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (Stylus), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
FeTurbulence, feColorMatrix, feDisplacementMap
A feturbulence, fecolormatrix, fedisplacementmap 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
Frosted Glass Card Overlay
A frosted glass card overlay built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML, CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Frosted Glass Effect Using Filter Effects
A frosted glass effect using filter effects built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Gooey Button Hover Effect with SVG filters & CSS
A gooey button hover effect with svg filters & css built with modern frontend techniques for responsive and reusable UI.
Call To Action Frontend Ui Modern Design Ui Controls+2 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Motion Blur Effect Using SVG filters
A motion blur effect using svg filters built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Organic Onboarding
A organic onboarding built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Rollover CSS Blur Filter Image Gallery
A rollover css blur filter image gallery built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Haml), CSS (Less)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Simple CSS Image Filters
A simple css image filters 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
Simple Parallax Header with Blur
A simple parallax header with blur built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Spotify Colorizer Effects Using CSS Blend Modes
A spotify colorizer effects using css blend modes 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
Transitioned CSS Filter Card
A transitioned css filter card built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML, CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes

Snippets(18)

related hubs