Thumbnail

25 snippets

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

thumbnail

Snippets(25)

Adventures on Earth
A adventures on earth 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
Animated Gallery Thumbnails
A animated gallery thumbnails 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 Image Hover Effects
A css image hover effects 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 Responsive Thumbnail
A css responsive thumbnail 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
CSS Thumbnail
A css thumbnail built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS
Browser support
Chrome, Edge, Firefox, Opera, Safari
CSS Thumbnail Hover Effects
A css thumbnail 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 Thumbnail Text Hover
A css thumbnail text hover 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
CSS Thumbnail Transition Effects
A css thumbnail transition effects 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
Card Animation - Demon Slayer
A card animation - demon slayer 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
Document Thumbnail with CSS Custom Property
A document thumbnail with css custom property built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Slim), CSS (SCSS)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Figure & Figcaption
A figure & figcaption 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
Flexbox YouTube Thumbnail Grid
A flexbox youtube thumbnail grid built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JavaScript
Browser support
Chrome, Edge, Firefox, Opera, Safari
Fotobook Album Thumbnail
A fotobook album thumbnail 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
No
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
Image Gallery with Overlay Effect/Animation
A image gallery with overlay effect/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
Medals Effects Examples
A medals effects examples 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
No
Respopnsive Images with Thumbnails
A respopnsive images with thumbnails 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
Split Image Thumbnail
A split image thumbnail 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
Thumbnail Effect
A thumbnail 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
Thumbnail Hover
A thumbnail hover 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
Thumbnail Hover Effects
A thumbnail 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
Thumbnail Hover Full Grid View
A thumbnail hover full grid view 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
Thumbnail Hover Interaction
A thumbnail hover interaction 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
Thumbnail Presentation with CSS Grid
A thumbnail presentation with css grid 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
Flex- thumbnails
A flex- thumbnails 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

Snippets(25)

related hubs