Nest Thermostat UI with Draggable.js and Canvas
A nest thermostat ui with draggable.js and canvas built with modern frontend techniques for responsive and reusable UI.
Draggable.js
29 snippetsBrowse draggable.js — subcategories and filters in one place. Use the table of contents to explore this branch.
draggable-js
Snippets(29)
Stack Prototype with React and GSAPA stack prototype with react and gsap built with modern frontend techniques for responsive and reusable UI.
Tuggable Light BulbA tuggable light bulb built with modern frontend techniques for responsive and reusable UI.
GSAP Draggable and ScrollTrigger TimelineA gsap draggable and scrolltrigger timeline built with modern frontend techniques for responsive and reusable UI.
3D Coin Spin AnimationA 3d coin spin animation built with modern frontend techniques for responsive and reusable UI.
Advanced CSS Balance SlidersA advanced css balance sliders built with modern frontend techniques for responsive and reusable UI.
Draggable Drink Water Slider with GSAP and SVGA draggable drink water slider with gsap and svg built with modern frontend techniques for responsive and reusable UI.
Minimalist ThermostatA minimalist thermostat built with modern frontend techniques for responsive and reusable UI.
Draggable Modal with GSAP and Tailwind CSSA draggable modal with gsap and tailwind css built with modern frontend techniques for responsive and reusable UI.
- Mini Wheel Menu with GSAP Observer
A mini wheel menu with gsap observer built with modern frontend techniques for responsive and reusable UI.
GSAP Circular Animations SetA gsap circular animations set built with modern frontend techniques for responsive and reusable UI.
SVG Bubble SliderA svg bubble slider built with modern frontend techniques for responsive and reusable UI.
Sliding Puzzle with GSAP Draggable and Tailwind CSSA sliding puzzle with gsap draggable and tailwind css built with modern frontend techniques for responsive and reusable UI.
Vertical Full-Screen Slider with 4 ControlsA vertical full-screen slider with 4 controls built with modern frontend techniques for responsive and reusable UI.
Solar System DatepickerA solar system datepicker built with modern frontend techniques for responsive and reusable UI.
GSAP horizontalLoop() for Seamless LoopingA gsap horizontalloop() for seamless looping built with modern frontend techniques for responsive and reusable UI.
Parallax TechTrades™ Holographic Trading CardA parallax techtrades™ holographic trading card built with modern frontend techniques for responsive and reusable UI.
- Sortable Cards
A sortable cards built with modern frontend techniques for responsive and reusable UI.
Neumorphic Drag Dial ThermostatA neumorphic drag dial thermostat built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScriptDifficulty
IntermediateBrowser support
Chrome 60+, Safari 11+, Firefox 55+, Edge 79+Features
Neumorphism, Draggable Dial, Dynamic Gradients, Keyboard Accessible- Liquid Glass Menu with GSAP
A liquid glass menu with gsap built with modern frontend techniques for responsive and reusable UI.
Technologies
GSAP, SVG, JavaScriptDifficulty
AdvancedFeatures
Liquid glass effect, Draggable interface, Glassmorphism, Organic animations - Liquid Glass with Scroll and Drag
A liquid glass with scroll and drag built with modern frontend techniques for responsive and reusable UI.
Technologies
GSAP, draggable.jsFeatures
Fluid Simulation, Interactive Dragging, Scroll Animation 
Liquid Toggle SwitchA liquid toggle switch built with modern frontend techniques for responsive and reusable UI.
Technologies
GSAP, SVG Filters, JavaScriptFeatures
Liquid Animation, Draggable Interface, Fluid Transitions
3D CSS Grid Inverse UV Projection EffectA 3d css grid inverse uv projection effect built with modern frontend techniques for responsive and reusable UI.
Technologies
JavaScript, CSS3Difficulty
AdvancedFeatures
3D Projection, Interactive Grid, UV Mapping
Draggable 3D Cube with Dynamic LightingA draggable 3d cube with dynamic lighting built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScriptDifficulty
IntermediateBrowser support
Chrome 90+, Edge 90+, Safari 14+, Firefox 88+Features
Simulated Lighting, 3D Transforms, Inertia Dragging, Procedural GeometryResponsive
Yes
Draggable 3D Parallax Image RingA draggable 3d parallax image ring built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScriptDifficulty
AdvancedBrowser support
Chrome 90+, Edge 90+, Safari 14+, Firefox 88+Features
3D CSS Transforms, GSAP Draggable, Parallax Backgrounds, Infinite LoopingResponsive
Yes
Infinite Scrollable and Draggable WebGL GridA infinite scrollable and draggable webgl grid built with modern frontend techniques for responsive and reusable UI.
Technologies
WebGL, GLSLDifficulty
AdvancedFeatures
Infinite Scrolling, Draggable Interface, Custom Shaders
CSS Scroll-Driven Content WaveA css scroll-driven content wave built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
Scroll-driven animations, Fisheye lens effect, Dynamic scalingResponsive
Yes
Scroll-Driven Content Wave #2A scroll-driven content wave #2 built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS Scroll-Driven AnimationsFeatures
Horizontal Scroll, Lens Effect, View TimelineResponsive
Yes
3D Rotating iOS Time PickerA 3d rotating ios time picker built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, BabelDifficulty
AdvancedBrowser support
Chrome 115+, Edge 115+, Safari 26+, Firefox (support via GSAP Fallback)Features
3D Transform, Infinite Scrolling, Scroll Snapping, Drag InteractionResponsive
Yes