Custom property

39 snippets

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

custom-property

Snippets(39)

Alerts - Custom Variables
A alerts - custom variables 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
Alex the CSS Husky Reactive
A alex the css husky reactive 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
Bar Chart in CSS Grid + Variables
A bar chart in css grid + variables 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 Custom Pproperty Hover Effects
A css custom pproperty hover effects 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 Theme Switcher
A css theme switcher 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 Variables with Shadow Lists
A css variables with shadow lists 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
No
Card Animation
A card animation 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, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Card UI Skeleton Screen
A card ui skeleton screen 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
No
Cross-Browser Animated CSS Cube with Custom Properties
A cross-browser animated css cube with custom properties built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Haml), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Custom Cursor with CSS Variables
A custom cursor with css variables 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
Dance of the Hexagons and Variables
A dance of the hexagons and variables 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
Dark Mode with CSS Variables
A dark mode with css variables 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
Duotone Filtering with CSS Variables
A duotone filtering with css variables built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (Stylus), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Dynamic CSS @keyframes with CSS Vanilla
A dynamic css @keyframes with css vanilla 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
No
Expanding Search
A expanding search 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
No
Fit Text with CSS Variables
A fit text with css variables 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
His Dark Materials TV Series Logo with CSS
A his dark materials tv series logo with css 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
Hover Effect Using CSS Variables
A hover effect using css variables 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
No
Morphing Fullscreen Navigation Menu [~60fps animation]
A morphing fullscreen navigation menu [~60fps animation] built with modern frontend techniques for responsive and reusable UI.
Menu Ui Navbar Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
News App Concept with CSS Variables
A news app concept with css variables 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
Yes
Parallax Scene with CSS Variables
A parallax scene with css variables 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
Yes
Playing with CSS Variables
A playing with css variables 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
Psycho Glitch (CSS variables & @keyframes)
A psycho glitch (css variables & @keyframes) 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, Opera, Safari
Responsive
Yes
Random Bubble Scene Using Variable Scope
A random bubble scene using variable scope 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
Yes
Resizable Elements with Scoped CSS Variables & Touch Support
A resizable elements with scoped css variables & touch support built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (Stylus), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Responsive Infographic with CSS Variables and Flexbox Tricks
A responsive infographic with css variables and flexbox tricks 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
Ripple Effect Using CSS Variables
A ripple effect using css variables built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS (TypeScript)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
SVG Animation with Speech Recognition
A svg animation with speech recognition 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
Yes
Scroll and Morph
A scroll and morph 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
Single Div Accordion (Animated with CSS Variables)
A single div accordion (animated with css variables) 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
Sizing Areas with Custom Properties
A sizing areas with custom properties 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
Splitting.js: CSS Vars for Split Words & Chars
A splitting.js: css vars for split words & chars 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
Spring Physics with CSS Variables
A spring physics with css variables built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Sunset/Sunrise Animation with CSS Variables
A sunset/sunrise animation with css variables 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
No
Text Grid with Mouse Interaction
A text grid with mouse interaction 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
Theming with Custom Properties
A theming with custom properties 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
There's No Place Like Home
A there's no place like home 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
Thermostat with Form Elements & CSS Variables
A thermostat with form elements & css variables built with modern frontend techniques for responsive and reusable UI.
Form Elements Frontend Ui Modern Design User Input+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Using Locally Scoped Custom Properties
A using locally scoped custom properties 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

Snippets(39)

related hubs