Independent Science + Technology

Category: playground

Interactive 3D with Three.js BatchedMesh and WebGPURenderer

Post date October 30, 2024
Post author By Christophe Choffel
Post categories In 3d, playground, three.js, webgpu

Staggered (3D) Grid Animations with Scroll-Triggered Effects

Post date October 16, 2024
Post author By Manoela Ilic
Post categories In 3d, grid, playground, scroll, typography

Exploring Playful Context-Aware Animations for Fixed Elements

Post date October 9, 2024
Post author By Manoela Ilic
Post categories In playground, scroll, typography

Exploration of On-Scroll Layout Formations

Post date September 18, 2024
Post author By Manoela Ilic
Post categories In grid, playground, scroll

Scroll-based SVG Filter Animations on Text

Post date August 22, 2024
Post author By Manoela Ilic
Post categories In distortion, filter, playground, scroll, svg, typography

How to Set Up a Jupyter Notebook Server in the Cloud in 5 Minutes

Post date August 16, 2024
Post author By Ayush Kumar
Post categories In cloud, jupyter, jupyternotebook, playground

Origami: 12 Free Animated 3D Objects

Post date July 30, 2024
Post author By deadrabbbbit
Post categories In 3d, playground, react-three-fiber, three.js, webgl

Hover Animations for Terminal-like Typography

Post date June 19, 2024
Post author By Manoela Ilic
Post categories In hover, playground, typography

Push Animation on Grid Items

Post date June 5, 2024
Post author By Manoela Ilic
Post categories In grid, playground

On-Scroll Pixelated Image Loading Effect

Post date May 24, 2023
Post author By Manoela Ilic
Post categories In loading, playground, scroll

Ideas for Grid to Slideshow Switch Animations

Post date May 4, 2023
Post author By Manoela Ilic
Post categories In layout, page transition, playground

Grid View Switch Animation

Post date April 12, 2023
Post author By Manoela Ilic
Post categories In grid, playground

Ideas for Pixel Page Transitions

Post date April 5, 2023
Post author By Manoela Ilic
Post categories In page transition, playground

Fullscreen Clip Animation

Post date March 14, 2023
Post author By Manoela Ilic
Post categories In clip-path, inspiration, playground

Double Image Hover Effects with Clip-Path Animations

Post date March 1, 2023
Post author By Manoela Ilic
Post categories In clip-path, filter, hover, playground

Some More On-Scroll Typography Animations

Post date February 22, 2023
Post author By Manoela Ilic
Post categories In inspiration, playground, scroll, typography

Shuffling Typography Animation

Post date February 8, 2023
Post author By Manoela Ilic
Post categories In playground, typography

Rotating Twisted 3D Typography with Three.js and Shaders

Post date January 20, 2023
Post author By Yuriy Artyukh
Post categories In 3d, playground, three.js, typography

On-Scroll Typography Animations

Post date January 18, 2023
Post author By Manoela Ilic
Post categories In inspiration, playground, scroll, typography

Inline Layout Switch Ideas

Post date November 22, 2022
Post author By Mary Lou
Post categories In grid, page transition, playground

Unreveal Effects for Content Previews

Post date November 1, 2022
Post author By Mary Lou
Post categories In page transition, playground

Smooth Panel Scroll Effects

Post date October 12, 2022
Post author By Mary Lou
Post categories In playground, scroll

On-Scroll Animation and View Switch

Post date October 5, 2022
Post author By Mary Lou
Post categories In playground, scroll

3D Perspective Glitch Hover Effect

Post date September 7, 2022
Post author By Mary Lou
Post categories In glitch, hover, playground

Custom SVG Cursors with an Interactive Emitter Effect

Post date August 23, 2022
Post author By Marlène Bruhat
Post categories In cursor, filter, playground

Fullscreen Scrolling Slideshow

Post date August 17, 2022
Post author By Mary Lou
Post categories In playground, scroll, slideshow

Tiny Grid Layout Animation

Post date July 13, 2022
Post author By Mary Lou
Post categories In grid, page transition, playground

Make Way Grid Effect

Post date June 28, 2022
Post author By Mary Lou
Post categories In grid, playground

Scroll Animation Ideas for Image Grids

Post date May 31, 2022
Post author By Mary Lou
Post categories In grid, playground, scroll

Image To Grid Transition

Post date May 19, 2022
Post author By Mary Lou
Post categories In grid, page transition, playground

Image Trail Animation for an Intro

Post date May 3, 2022
Post author By Mary Lou
Post categories In intro, page transition, playground

On-Scroll Text Repetition Animation

Post date April 13, 2022
Post author By Mary Lou
Post categories In playground, scroll, typography

Lines to Content Layout Animation

Post date April 5, 2022
Post author By Mary Lou
Post categories In distortion, filter, hover, page transition, playground, typography

Hover Preview Effect with Mini Map

Post date March 1, 2022
Post author By Mary Lou
Post categories In filter, hover, playground

Repetition Image Hover Effects

Post date February 22, 2022
Post author By Mary Lou
Post categories In background-image, hover, image, playground, scale

Background Shift Animation with CSS Blend Modes

Post date January 26, 2022
Post author By Mary Lou
Post categories In background, layout, mix-blend-mode, playground

Pixel Distortion Effect with Three.js

Post date January 12, 2022
Post author By Yuriy Artyukh
Post categories In DataTexture, distortion, interactive, mouse, Pixel, playground, three.js, webgl

Alternate Column Scroll Animation

Post date December 21, 2021
Post author By Mary Lou
Post categories In column, image grid, locomotive scroll, playground, preview, smooth scrolling, thumbnails

Grid Zoom Layout

Post date December 1, 2021
Post author By Mary Lou
Post categories In css-grid, grid, layout, playground, preview, zoom

Slideshow with Filter Reveal Effect

Post date November 17, 2021
Post author By Mary Lou
Post categories In layout, playground, rounded, slideshow, thumbnail

SVG Overlay and Infinite Menu Background Animation

Post date November 2, 2021
Post author By Mary Lou
Post categories In background, css anima, infinite, menu, overlay, path, playground, SVG animation

Documenting GraphQL APIs

Post date October 26, 2021
Post author By Roy Derks
Post categories In api, api-documentation, documentation, graphiql, GraphQL, playground, software-development, web-development

Repetitive Typography Animation

Post date October 20, 2021
Post author By Mary Lou
Post categories In animation, intro, loading, motion, playground, typography

Kinetic Typography Page Transition

Post date September 29, 2021
Post author By Mary Lou
Post categories In layout, page transition, playground, reveal, typography

Layout with Reveal Animations and Content Preview

Post date July 28, 2021
Post author By Mary Lou
Post categories In grid, image grid, layout, menu, navigation, playground, reveal

Thumbnail Hover Effect with SVG Filters

Post date June 9, 2021
Post author By Mary Lou
Post categories In distortion, hover, playground, svg filter, thumbnail

Rotated 3D Letters and Image Hover Effect

Post date April 28, 2021
Post author By Mary Lou
Post categories In 3d, hover, image, letters, menu, playground, typography

Magnetic 3D Grid Interaction with Content Preview

Post date April 21, 2021
Post author By Mary Lou
Post categories In 3d, grid, hover, layout, magnetic, perspective, playground, preview, tooltip

Preview to Full Content Page Transition

Post date April 7, 2021
Post author By Mary Lou
Post categories In layout, magnetic, page transition, playground, preview

Distributed Letters Animation Layout

Post date March 24, 2021
Post author By Mary Lou
Post categories In animation, distributed, hover, layout, letters, playground, typography

Tropical Particles Rain Animation with Three.js

Post date March 17, 2021
Post author By Yuriy Artyukh
Post categories In particles, physics, playground, shader, three.js, webgl

Shape Slideshow with Clip-path

Post date March 10, 2021
Post author By Mary Lou
Post categories In clip-path, playground, shape, slideshow

Nothing left to load.