Vài ví dụ/thử nghiệm đơn lẻ về các mẫu design front-end, style, javascript, …
- Canvas Hexagons: https://lab.tuannm.com/front-end/canvas-hexagons.html - collect
- Drag separator image color: https://lab.tuannm.com/front-end/drag-separator-image-color.html - collect
- Defrost: https://lab.tuannm.com/front-end/defrost.html - collect
- Prime Polarity Universe Simulation: https://lab.tuannm.com/front-end/prime-polarity-universe-simulation.html - collect
- Rainbow Loop: https://lab.tuannm.com/front-end/rainbow-loop.html - collect
- Orbs N Ringz: https://lab.tuannm.com/front-end/orbs-n-ringz.html - collect
- Pulsing Star Disintegration: https://lab.tuannm.com/front-end/pulsing-star-disintegration.html - collect
- Palette Particles: https://lab.tuannm.com/front-end/palette-particles.html - collect
- Apple shadow watchface: https://lab.tuannm.com/front-end/apple-shadow-watchface.html - collect
- Circular gallery of images: https://lab.tuannm.com/front-end/circular-gallery-of-images.html - collect
- CMYK Concentric Curves: https://lab.tuannm.com/front-end/cmyk-concentric-curves.html - collect
- Cursor Arc Welding: https://lab.tuannm.com/front-end/cursor-arc-welding.html - collect
- Cursor Arc Welding - V2: https://lab.tuannm.com/front-end/cursor-arc-welding-v2.html - collect
- Dark light mode toggle: https://lab.tuannm.com/front-end/dark-light-mode-toggle.html - collect
- Fluid motion: https://lab.tuannm.com/front-end/fluid-motion.html - collect
- In the Shade - hover shadow effect: https://lab.tuannm.com/front-end/in-the-shade-hover-shadow-effect.html - collect
- Magic Egg: https://lab.tuannm.com/front-end/magic-egg.html - collect
- Mesmerizing Dots: https://lab.tuannm.com/front-end/mesmerizing-dots.html - collect
- Overlapping letters: https://lab.tuannm.com/front-end/overlapping-letters.html - collect
- Palette Particles: https://lab.tuannm.com/front-end/palette-particles.html - collect
- Portuguese Tiles: https://lab.tuannm.com/front-end/portuguese-tiles.html - collect
- Pulsing Star Disintegration: https://lab.tuannm.com/front-end/pulsing-star-disintegration.html - collect
- Reflective Ripples: https://lab.tuannm.com/front-end/reflective-ripples.html - collect
- Scroll Driven Animation: https://lab.tuannm.com/front-end/scroll-driven-animation.html - collect
- Scroll-Triggered Image Stack with Gradient Mask Reveal: https://lab.tuannm.com/front-end/scroll-triggered-image-stack-with-gradient-mask-reveal.html - collect
- See Through: https://lab.tuannm.com/front-end/see-through.html - collect
- Single images squircles + inner shadow: https://lab.tuannm.com/front-end/single-image-squircles-inner-shadow.html - collect
- Smoke Streams: https://lab.tuannm.com/front-end/smoke-streams.html - collect
- Superheroes Carousel: https://lab.tuannm.com/front-end/superheroes-carousel.html - collect
- Accordion slider: https://lab.tuannm.com/front-end/accordion-slider.html - collect
- Animated Hover Disclosures: https://lab.tuannm.com/front-end/animated-hover-disclosures.html - collect
- Attractor: https://lab.tuannm.com/front-end/attractor.html - collect
- Cinematic Glitch Slideshow: https://lab.tuannm.com/front-end/cinematic-glitch-slideshow.html - collect
- Colored, Glowing Edge Card: https://lab.tuannm.com/front-end/colored-glowing-edge-card.html - collect
- Conic-gradient: https://lab.tuannm.com/front-end/conic-gradient.html - collect
- Day & Night Sky Gradients: https://lab.tuannm.com/front-end/day-night-sky-gradients.html - collect
- Flex Expand on Hover: https://lab.tuannm.com/front-end/flex-expand-on-hover.html - collect
- Foil Card: https://lab.tuannm.com/front-end/foil-card.html - collect
- Fractal Generator Extended: https://lab.tuannm.com/front-end/fractal-generator-extended.html - collect
- Gelatinous, Viscous, Iridescent Black Goo: https://lab.tuannm.com/front-end/gelatinous-viscous-iridescent-black-goo.html - collect
- Image orbit animation: https://lab.tuannm.com/front-end/image-orbit-animation.html - collect
- Infinite scroll gallery: https://lab.tuannm.com/front-end/infinite-scroll-gallery.html - collect
- Interactive Blackhole: https://lab.tuannm.com/front-end/interactive-blackhole.html - collect
- Interactive Table with Image Hover & Idle Animation: https://lab.tuannm.com/front-end/interactive-table-with-image-hover-idle-animation.html - collect
- Liquid Glass: https://lab.tuannm.com/front-end/liquid-glass.html - collect
- Liquid Glass Effect: https://lab.tuannm.com/front-end/liquid-glass-effect.html - collect
- Liquid Glass Switcher. CSS: https://lab.tuannm.com/front-end/liquid-glass-switcher-css.html - collect
- Morphing Particle Art: https://lab.tuannm.com/front-end/morphing-particle-art.html - collect
- Only straight lines: https://lab.tuannm.com/front-end/only-straight-lines.html - collect
- Orbital photo gallery: https://lab.tuannm.com/front-end/orbital-photo-gallery.html - collect
- Parallax scroll animation: https://lab.tuannm.com/front-end/parallax-scroll-animation.html - collect
- Morphing Shapes: https://lab.tuannm.com/front-end/particle-metamorphosis.html - collect
- Responsive Shuffle Image Gallery - Vue.js: https://lab.tuannm.com/front-end/responsive-shuffle-image-gallery.html - collect
- ShockWave shaderPass: https://lab.tuannm.com/front-end/shock-wave-shader-pass.html - collect
- Slide Projector: https://lab.tuannm.com/front-end/slide-projector.html - collect
- Slideshow - Watch Concept: https://lab.tuannm.com/front-end/slideshow-watch-concept.html - collect
- Sliding Images using animation-timeline: https://lab.tuannm.com/front-end/sliding-images-using-animation-timeline.html - collect
- Slidy Gallery: https://lab.tuannm.com/front-end/slidy-gallery.html - collect
- Solar System Explorer: https://lab.tuannm.com/front-end/solar-system-explorer.html - collect
- Strings: https://lab.tuannm.com/front-end/strings.html - collect
- 2D Truchet Pattern: https://lab.tuannm.com/front-end/2d-truchet-pattern.html - collect
- Alphabet Soup Word Builder: https://lab.tuannm.com/front-end/alphabet-soup-word-builder.html - collect
- Alternate line background paper with perforations: https://lab.tuannm.com/front-end/alternate-line-background-paper-with-perforations.html - collect
- Animated 3D Weather Widget: https://lab.tuannm.com/front-end/animated-3d-weather-widget.html - collect
- Animated underlines with SVG: https://lab.tuannm.com/front-end/animated-underlines-with-svg.html - collect
- Background by css-doodle: https://lab.tuannm.com/front-end/background-by-css-doodle.html - collect
- Blubs: https://lab.tuannm.com/front-end/blubs.html - collect
- Boxed Space Anomaly: https://lab.tuannm.com/front-end/boxed-space-anomaly.html - collect
- Braun Style Inspired Clock: https://lab.tuannm.com/front-end/braun-style-inspired-clock.html - collect
- Card Carousel: https://lab.tuannm.com/front-end/card-carousel.html - collect
- Chromatic Aberration Effect: https://lab.tuannm.com/front-end/chromatic-aberration-effect.html - collect
- Circular Animations Set N°3: https://lab.tuannm.com/front-end/circular-animations-set-n03.html - collect
- Cosine Squiggles: https://lab.tuannm.com/front-end/cosine-squiggles.html - collect
- Dark Mode Toggle Switcher: https://lab.tuannm.com/front-end/dark-mode-toggle-switcher.html - collect
- Deconstructed Carousel: https://lab.tuannm.com/front-end/deconstructed-carousel.html - collect
- Dynamic Interactive Text Effects: https://lab.tuannm.com/front-end/dynamic-interactive-text-effects.html - collect
- Fireworks: https://lab.tuannm.com/front-end/fireworks.html - collect
- Flip Hover Effects: https://lab.tuannm.com/front-end/flip-hover-effects.html - collect
- Glass Magnifier: https://lab.tuannm.com/front-end/glass-magnifier.html - collect
- Glowing Interactive Dots Grid: https://lab.tuannm.com/front-end/glowing-interactive-dots-grid.html - collect
- Grid to Slider Transition: https://lab.tuannm.com/front-end/grid-to-slider-transition.html - collect
- Hexagon flowers: https://lab.tuannm.com/front-end/hexagon-flowers.html - collect
- Information Pinwheel: https://lab.tuannm.com/front-end/information-pinwheel.html - collect
- Lightning Points: https://lab.tuannm.com/front-end/lightning-points.html - collect
- List Movement with View Transition Kickflip: https://lab.tuannm.com/front-end/list-movement-with-view-transition-kickflip.html - collect
- Masonry Gallery + Lazy Loading: https://lab.tuannm.com/front-end/masonry-gallery-lazy-loading.html - collect
- Nebular Noir: https://lab.tuannm.com/front-end/nebular-noir.html - collect
- Pixeled Loader: https://lab.tuannm.com/front-end/pixeled-loader.html - collect
- Rainbow 🌈 Stripes: https://lab.tuannm.com/front-end/rainbow-stripes.html - collect
- Rainbow Zappers: https://lab.tuannm.com/front-end/rainbow-zappers.html - collect
- Riemann's Manifold and Metric Tensor: https://lab.tuannm.com/front-end/riemann-manifold-and-metric-tensor.html - collect
- Sleek Product Item: https://lab.tuannm.com/front-end/sleek-product-item.html - collect
- Space Anomaly: https://lab.tuannm.com/front-end/space-anomaly.html - collect
- Squircle Avatar Generator: https://lab.tuannm.com/front-end/squircle-avatar-generator.html - collect
- Studio Ghibli: https://lab.tuannm.com/front-end/studio-ghibli.html - collect
- The Amazing Stress Ball: https://lab.tuannm.com/front-end/the-amazing-stress-ball.html - collect
- Wavy container: https://lab.tuannm.com/front-end/wavy-ccontainer.html - collect
- 3D Realistic Bee: https://lab.tuannm.com/front-end/3d-realistic-bee.html - collect
- Ataxia: https://lab.tuannm.com/front-end/ataxia.html - collect
- Butterflies: https://lab.tuannm.com/front-end/butterflies.html - collect
- Cards on a Carousel: https://lab.tuannm.com/front-end/cards-on-a-carousel.html - collect
- Carousel + Lightbox + Glow: https://lab.tuannm.com/front-end/carousel-lightbox-glow.html - collect
- Creative Black Hole: https://lab.tuannm.com/front-end/creative-black-hole.html - collect
- CSS Only Parallax Layers: https://lab.tuannm.com/front-end/css-only-parallax-layers.html - collect
- Dark / Light mode toggle: https://lab.tuannm.com/front-end/dark-light-mode-toggle-v2.html - collect
- Flip Card: https://lab.tuannm.com/front-end/flip-card.html - collect
- Full Screen Image Zoom on Hover: https://lab.tuannm.com/front-end/full-screen-image-zoom-on-hover.html - collect
- Glass Refraction: https://lab.tuannm.com/front-end/glass-refraction.html - collect
- Glitchify Image: https://lab.tuannm.com/front-end/glitchify-image.html - collect
- Heart Particle Flow: https://lab.tuannm.com/front-end/heart-particle-flow.html - collect
- Hourglass: https://lab.tuannm.com/front-end/hourglass.html - collect
- Letter Morph: https://lab.tuannm.com/front-end/letter-morph.html - collect
- Morphing Superformula Explorer: https://lab.tuannm.com/front-end/morphing-superformula-explorer.html - collect
- Museum of Clocks: https://lab.tuannm.com/front-end/museum-of-clocks.html - collect
- Neon Glass Context Menu: https://lab.tuannm.com/front-end/neon-glass-context-menu.html - collect
- Oceanic UI: https://lab.tuannm.com/front-end/oceanic-ui.html - collect
- ScrollSynced Carousel V3: https://lab.tuannm.com/front-end/scroll-synced-carousel-v3.html - collect
- Seamless Grid to Slider Transition: https://lab.tuannm.com/front-end/seamless-grid-to-slider-transition.html - collect
- Serenity Card: https://lab.tuannm.com/front-end/serenity-card.html - collect
- Shader: https://lab.tuannm.com/front-end/shader.html - collect
- Simple Masonry V2: https://lab.tuannm.com/front-end/simple-masonry-v2.html - collect
- Something Really Soft: https://lab.tuannm.com/front-end/something-really-soft.html - collect
- Space Facts Card Carousel: https://lab.tuannm.com/front-end/space-facts-card-carousel.html - collect
- Spec - Photo Gallery: https://lab.tuannm.com/front-end/spec-photo-gallery.html - collect
- Stacked Poetic Cards: https://lab.tuannm.com/front-end/stacked-poetic-cards.html - collect
- Stacked wave dividers: https://lab.tuannm.com/front-end/stacked-wave-dividers.html - collect
- Ste-dijl: https://lab.tuannm.com/front-end/ste-dijl.html - collect
- The Moon - Glowing Cards: https://lab.tuannm.com/front-end/the-moon-glowing-cards.html - collect
- Zentangle: https://lab.tuannm.com/front-end/zentangle.html - collect