Hand-picked panel

18 snippets

Browse hand-picked panel — subcategories and filters in one place. Use the table of contents to explore this branch.

hand-picked-panel

Snippets(18)

Budging Bars
A budging bars 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-only Sliding Panels Using Transforms
A css-only sliding panels using transforms built with modern frontend techniques for responsive and reusable UI.
Form Elements Frontend Ui Modern Design User Input+1 more
Demo Code
Technologies
HTML, CSS (Less)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Dual Sliding Panels
A dual sliding panels built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (Stylus), JavaScript
Browser support
Chrome, Edge, Firefox, Opera, Safari
Expanding Panels
A expanding panels 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
Expanding Sections
A expanding sections 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
Flex Panels
A flex panels built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JavaScript
Browser support
Chrome, Edge, Firefox, Opera, Safari
Full-Width Panel Expansion
A full-width panel expansion 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
Higher Contrast Panels On Patterned Backgrounds
A higher contrast panels on patterned backgrounds 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
Multiple Sliding Panels
A multiple sliding panels 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
Panel Animation
A panel 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
Panel Switch Interaction
A panel switch interaction 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, Edge, Firefox, Opera, Safari
Pure CSS Hover
A pure css hover 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
Responsive
Yes
Pure CSS Panels
A pure css panels 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
Reflection
A reflection 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
Rounded Edges Sliding Panels
A rounded edges sliding panels 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
Skewed Flexbox Panels
A skewed flexbox panels 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
Tekken Characters Cards
A tekken characters 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
No
Zig-Zag Sliding Panels (CSS Grid)
A zig-zag sliding panels (css grid) 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(18)

related hubs