A gallery hover effect in react built with modern frontend techniques for responsive and reusable UI.
Transform
176 snippetsBrowse transform examples — animations, layouts, typography, and visual effects. Filter the directory below.
css-transform
Snippets(176)
- Gallery Hover Effect in React
- React Animated Circular Carousel
A react animated circular carousel built with modern frontend techniques for responsive and reusable UI.
- React Infinity 3D Carousel
A react infinity 3d carousel built with modern frontend techniques for responsive and reusable UI.
- React Phone with Credit Card Selector
A react phone with credit card selector built with modern frontend techniques for responsive and reusable UI.
- The Last Duel Movie Trailer But It's Cats Gallery
A the last duel movie trailer but it's cats gallery built with modern frontend techniques for responsive and reusable UI.
- Webpage Hero Header Scroll Effects
A webpage hero header scroll effects built with modern frontend techniques for responsive and reusable UI.
- Little Gallery
A little gallery built with modern frontend techniques for responsive and reusable UI.
- Pure CSS 3D David Eye
A pure css 3d david eye built with modern frontend techniques for responsive and reusable UI.
- Rotating Puzzle
A rotating puzzle built with modern frontend techniques for responsive and reusable UI.
- Tilting Maze Game with Complex Physics
A tilting maze game with complex physics built with modern frontend techniques for responsive and reusable UI.
- Folding Select Dropdowns
A folding select dropdowns built with modern frontend techniques for responsive and reusable UI.
- Animated Ratings Component
A animated ratings component built with modern frontend techniques for responsive and reusable UI.
- Corner Pop-Out Menu
A corner pop-out menu built with modern frontend techniques for responsive and reusable UI.
- Stripe Style Main Navigation Mega Menu
A stripe style main navigation mega menu built with modern frontend techniques for responsive and reusable UI.
- Manual Loader with GSAP Timeline
A manual loader with gsap timeline built with modern frontend techniques for responsive and reusable UI.
- Interactive Skateboard Loading Animation
A interactive skateboard loading animation built with modern frontend techniques for responsive and reusable UI.
- Photo Gallery with a Comic Touch
A photo gallery with a comic touch built with modern frontend techniques for responsive and reusable UI.
- Vanilla JS Skew Images on Scroll
A vanilla js skew images on scroll built with modern frontend techniques for responsive and reusable UI.
- Password Error and Success Animation
A password error and success animation built with modern frontend techniques for responsive and reusable UI.
- Drag and Drop State Machine
A drag and drop state machine built with modern frontend techniques for responsive and reusable UI.
- Direction-Aware SVG Cursor
A direction-aware svg cursor built with modern frontend techniques for responsive and reusable UI.
- CSS Clock (Braun x Paul Smith Style)
A css clock (braun x paul smith style) built with modern frontend techniques for responsive and reusable UI.
- Animated Spinning SVG Checkbox
A animated spinning svg checkbox built with modern frontend techniques for responsive and reusable UI.
- Interactive 3D Tilt Hover Effect
A interactive 3d tilt hover effect built with modern frontend techniques for responsive and reusable UI.
- JFK Speech Text Wave Animation
A jfk speech text wave animation built with modern frontend techniques for responsive and reusable UI.
- Animated Power-Up Button
A animated power-up button built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScriptDifficulty
IntermediateBrowser support
Chrome 60+, Edge 79+, Firefox 55+, Safari 11+Features
GSAP Timelines, Staggered Shadow Effect, Rotational Animation - Custom 3D Slider
A custom 3d slider built with modern frontend techniques for responsive and reusable UI.
- Double Vertical Slider
A double vertical slider built with modern frontend techniques for responsive and reusable UI.
- Smooth Parallax Image Scroll Gallery
A smooth parallax image scroll gallery built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, JavaScriptDifficulty
IntermediateBrowser support
Chrome 108+, Edge 108+, Firefox 101+, Safari 15.4+Features
Smooth Scroll, Scroll Tracking, Parallax Offset - Theme Clock
A theme clock built with modern frontend techniques for responsive and reusable UI.
- Log In and Sign Up Forms with Fingerprint
A log in and sign up forms with fingerprint built with modern frontend techniques for responsive and reusable UI.
- Physics Milestones Timeline
A physics milestones timeline built with modern frontend techniques for responsive and reusable UI.
- React Animated Custom Cursor
A react animated custom cursor built with modern frontend techniques for responsive and reusable UI.
- Stacked Card Pull-Down Navigation
A stacked card pull-down navigation built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScriptDifficulty
IntermediateBrowser support
Chrome 86+, Edge 86+, Firefox 85+, Safari 14+Features
Card Deck UI, Staggered Animation, Dark Mode - Stopwatch
A stopwatch built with modern frontend techniques for responsive and reusable UI.
- Sliding List with Scroll-Driven Animations
A sliding list with scroll-driven animations built with modern frontend techniques for responsive and reusable UI.
- Animated UI Radio Button with CSS Keyframes
A animated ui radio button with css keyframes built with modern frontend techniques for responsive and reusable UI.
- Gender Toggle Button with Bounce Effect
A gender toggle button with bounce effect built with modern frontend techniques for responsive and reusable UI.
- Vue FLIP Image Gallery
A vue flip image gallery built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, TypeScriptDifficulty
AdvancedBrowser support
Chrome 80+, Edge 80+, Safari 14+, Firefox 90+Features
FLIP Animation, Grid Layout, Interactive Selection, Hardware Acceleration - Click-to-Zoom Calendar
A click-to-zoom calendar built with modern frontend techniques for responsive and reusable UI.
- Scroll-Driven Jigsaw Puzzle Assembler
A scroll-driven jigsaw puzzle assembler built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, Sass, JavaScriptDifficulty
AdvancedBrowser support
Chrome 80+, Edge 80+, Firefox 75+, Safari 13.1+Features
Scroll-Driven Animation, Drag-and-Drop Upload, Dynamic Math Calculations, Responsive Layout - Real-time Clock
A real-time clock built with modern frontend techniques for responsive and reusable UI.
- Multi-Card Spotlight Effect
A multi-card spotlight effect built with modern frontend techniques for responsive and reusable UI.
- Scrambling Letter Effect on Hover
A scrambling letter effect on hover built with modern frontend techniques for responsive and reusable UI.
- Soft UI Counter Component
A soft ui counter component built with modern frontend techniques for responsive and reusable UI.
- Image Carousel
A image carousel built with modern frontend techniques for responsive and reusable UI.
- Magic Todo List
A magic todo list built with modern frontend techniques for responsive and reusable UI.
- Sliding Dot Pagination
A sliding dot pagination built with modern frontend techniques for responsive and reusable UI.
- Animated Navigation
A animated navigation built with modern frontend techniques for responsive and reusable UI.
- Side Navigation with Icons
A side navigation with icons built with modern frontend techniques for responsive and reusable UI.
- Animated Menu Bar with Hamburger
A animated menu bar with hamburger built with modern frontend techniques for responsive and reusable UI.
- CSS Hamburger Click Effect
A css hamburger click effect built with modern frontend techniques for responsive and reusable UI.
- CSS Hamburger Icons
A css hamburger icons built with modern frontend techniques for responsive and reusable UI.
- Checkbox Hamburger Menu Animation
A checkbox hamburger menu animation built with modern frontend techniques for responsive and reusable UI.
- Staggered Animated Hamburger Toggle Button
A staggered animated hamburger toggle button built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, BabelDifficulty
IntermediateBrowser support
Chrome 99+, Edge 99+, Firefox 97+, Safari 15.4+Features
Staggered Motion, ARIA Support, Custom Easing, Elastic Transition - CSS3 Weather Widget
A css3 weather widget built with modern frontend techniques for responsive and reusable UI.
- Sliding Theme Toggle Sidebar Menu
A sliding theme toggle sidebar menu built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, JavaScriptDifficulty
BeginnerBrowser support
Chrome 59+, Edge 79+, Firefox 52+, Safari 10.1+Features
Sliding Toggle, Theme Switcher, Custom Scrollbar - Periodic Table
A periodic table built with modern frontend techniques for responsive and reusable UI.
- Periodic Table of Type CSS Grid
A periodic table of type css grid built with modern frontend techniques for responsive and reusable UI.
- 2011 - Greetings Poster B - Haguruma Envelope. Shinnoske Design
A 2011 - greetings poster b - haguruma envelope. shinnoske design built with modern frontend techniques for responsive and reusable UI.
- Netflix Logo
A netflix logo built with modern frontend techniques for responsive and reusable UI.
- Pure CSS Circles Infographic
A pure css circles infographic built with modern frontend techniques for responsive and reusable UI.
- Bicycle
A bicycle built with modern frontend techniques for responsive and reusable UI.
- Dipper Pines from Gravity Falls
A dipper pines from gravity falls built with modern frontend techniques for responsive and reusable UI.
- Animated SVG Weather Icons
A animated svg weather icons built with modern frontend techniques for responsive and reusable UI.
- Coverflow 3D Effect with CSS
A coverflow 3d effect with css built with modern frontend techniques for responsive and reusable UI.
- Reflection with Progressive Blur in CSS
A reflection with progressive blur in css built with modern frontend techniques for responsive and reusable UI.
- Smooth Scroll Image Gallery with Anchor Links
A smooth scroll image gallery with anchor links built with modern frontend techniques for responsive and reusable UI.
- Digital-Analog Dial Clock
A digital-analog dial clock built with modern frontend techniques for responsive and reusable UI.
- PureCalc
A purecalc built with modern frontend techniques for responsive and reusable UI.
- CSS Thumbnail Transition Effects
A css thumbnail transition effects built with modern frontend techniques for responsive and reusable UI.
- Grid Lightbox Gallery Effect
A grid lightbox gallery effect built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, JavaScriptDifficulty
BeginnerBrowser support
Chrome 76+, Edge 79+, Firefox 103+, Safari 13+Features
Dense Grid, Focus Trap - Flyer Design #01
A flyer design #01 built with modern frontend techniques for responsive and reusable UI.
- Animated Day/Night Toggle Switch
A animated day/night toggle switch built with modern frontend techniques for responsive and reusable UI.
- Pure CSS Star Rating from 0 to 8 with Colored Points of the Star
A pure css star rating from 0 to 8 with colored points of the star built with modern frontend techniques for responsive and reusable UI.
- Pure CSS Expanding Search
A pure css expanding search built with modern frontend techniques for responsive and reusable UI.
- Custom Range Slider
A custom range slider built with modern frontend techniques for responsive and reusable UI.
- Pop-Up Overlay
A pop-up overlay built with modern frontend techniques for responsive and reusable UI.
- Subscribe Email Form
A subscribe email form built with modern frontend techniques for responsive and reusable UI.
- Animated Sign-In Form with Theme Switcher
A animated sign-in form with theme switcher built with modern frontend techniques for responsive and reusable UI.
- Cube Login Form
A cube login form built with modern frontend techniques for responsive and reusable UI.
- Sign Up and Sign In Toggle Form
A sign up and sign in toggle form built with modern frontend techniques for responsive and reusable UI.
- Wheel Timeline. Pure CSS
A wheel timeline. pure css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
AdvancedFeatures
No JavaScript, Radial Layout, CSS State ManagementResponsive
Yes - Box Preloader
A box preloader built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
BeginnerFeatures
CSS Animation, Geometric ShapeResponsive
Yes - Comic Director Splash Animation
A comic director splash animation built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
Hardware accelerated, Sequential reveal, Custom easingResponsive
Yes - Ribbon Design
A ribbon design built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
IntermediateFeatures
Pseudo-elements, CSS TransformResponsive
Yes - Only CSS Loading Animation
A only css loading animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, SCSSDifficulty
intermediateFeatures
Pure CSS, Percentage Counter, Loop-generated framesResponsive
Yes - Pure CSS Panels
A pure css panels built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
BeginnerFeatures
No JavaScript, CSS Animations, Target SelectorResponsive
Yes - CSS Circle Notifications
A css circle notifications built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
easyFeatures
Pure CSS, Hover Effects, Keyframe AnimationsResponsive
Yes - Color Swatch
A color swatch built with modern frontend techniques for responsive and reusable UI.
Technologies
SASS, CSS3Difficulty
IntermediateFeatures
Hover Animation, Radial Menu, CSS VariablesResponsive
Yes - Shuffling Effect in Pure CSS
A shuffling effect in pure css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS Grid, CSS :has()Difficulty
IntermediateFeatures
Pure CSS, No JavaScript, Animated Transitions - Stacked Poetic Cards
A stacked poetic cards built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLFeatures
3D Transform, CSS :has() selector, Radio Button HackResponsive
Yes - E-Commerce Card
A e-commerce card built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
hover effects, box-shadow animation, product layoutResponsive
Yes - Material Design: Profile Card
A material design: profile card built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
AdvancedFeatures
Sequential Reveal, Shape Morphing, Material DesignResponsive
Yes - Animated Gallery Thumbnails
A animated gallery thumbnails built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
hover animations, diagonal clip-path effect, smooth transitionsResponsive
Yes - Color Palette
A color palette built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
BeginnerFeatures
Hover Animations, Responsive Grid, Color Palette DisplayResponsive
Yes - Business Card Concept
A business card concept built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
hover animations, smooth transitions, transform effectsResponsive
Yes - Blog Card
A blog card built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
box-shadow depth, absolute positioning, centered imagesResponsive
Yes - Animated Movie Schedule Blocks
A animated movie schedule blocks built with modern frontend techniques for responsive and reusable UI.
Technologies
Haml, SCSSDifficulty
IntermediateBrowser support
Chrome 36+, Edge 12+, Firefox 16+, Safari 9+Features
Sliding Panels, SCSS Theming, Responsive GridResponsive
Yes - Nike Product Card Interaction
A nike product card interaction built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
IntermediateBrowser support
Chrome 57+, Edge 16+, Firefox 52+, Safari 10.1+Features
Hover Animation, CSS Transform, Grid Layout, Product CardResponsive
Yes























































































