Nim: A Personal Website Template Built with Motion-Primitives
Nim is a free, open-source personal website template built with Next.js 15, React 19, Tailwind CSS v4, and Motion-Primitives, featuring subtle, pre-built animations.
All Posts
Browse through all our articles, tutorials, roundups, and experiments.
Developer Spotlight: Quentin Hocdé
In Articles, by Quentin Hocdé
In this spotlight, Quentin Hocdé shares his passion for creative coding, animations, and bringing interactive experiences to life.
Case Study: Gianluca Gradogna — Portfolio ’25
In Articles, by Gianluca Gradogna
This case study unveils the journey of creating a personal portfolio, highlighting the creative collaboration between Gianluca Gradogna and Gabriel Norman in bringing the project to life.
Particles, Progress, and Perseverance: A Journey into WebGPU Fluids
In Articles, by Hector Arellano
A reflective journey through years of experimentation and innovation, demonstrating how WebGPU enables the creation of sophisticated, visually striking fluid simulations.
10+ Best Web Design Tools & Resources For 2025 (Free & Paid)
In Articles,
Discover the top web design tools and resources of 2025, tailored for creating innovative, secure, and visually stunning websites with ease.
Fractals to Forests – Creating Realistic 3D Trees with Three.js
In Articles, by Dan Greenheck
Discover the algorithms behind EZ-Tree’s use of procedural generation and Three.js to create realistic 3D tree models.
Developer Spotlight: Mario Sanchez Maselli
In Articles, by Mario Sanchez Maselli
Meet Mario, developer & co-founder of Non-Linear Studio. Specializing in interactive design, animation, 3D, WebGL, & creative development.
How to Build a Web Performance Watchdog Agent with Agent.ai
In Tutorials, by Dariel Vila
Learn how to create an AI Agent that monitors your website’s performance daily, detects anomalies, and sends professional HTML email reports with actionable insights using the Agent.ai Agent Builder.
WebGL Shader Techniques for Dynamic Image Transitions
In Tutorials, by Arlind Aliu
Learn how to create dynamic image transitions with WebGL shaders, exploring techniques like circle SDFs, noise patterns, smooth merging, and texture integration.
The Journey of Creating a 3D Portfolio
In Articles, by Merouane Bali
Merouane Bali shares the process behind his 3D web design, highlighting WebGL and React integration, along with the challenges and solutions that shaped this immersive portfolio.
VFX-JS: WebGL Effects Made Easy
This article introduces VFX-JS, a JavaScript library designed to make creating WebGL-powered visual effects easy and accessible.
Developer Spotlight: Francesco Michelini
In Articles, by Francesco Michelini
In this Developer Spotlight, Francesco Michelini shares the journey behind his standout projects, his favorite tools, and how game development inspired his passion for creative coding.
Case Study: Gentle Rain
This case study explores how retro aesthetics and modern innovation came together to create a unique and inspiring learning experience.
Creating Generative Artwork with Three.js
In Tutorials, by Eduard Fossas
Develop a dynamic, generative artwork using Three.js and grid systems, inspired by Lygia Clark’s minimalist geometric designs.
Tracking Creativity: Inside the Making of Sixelf
In Articles, by Emmanuel Nwosu
Exploring the imaginative process and innovative details behind Sixelf, a platform empowering designers to showcase their contributions and visualize their creative impact.
10 Top Free & Premium WordPress Plugins for 2025
In Articles,
A roundup of the best WordPress plugins for 2025 to help you build better sites, add smarter features, and keep things running smoothly.
Developer Spotlight: Lorenzo Dossi
In Articles, by Lorenzo Dossi
Meet Lorenzo Dossi, a motion designer and front-end developer shaping the web with creativity and precision in our first-ever Developer Spotlight.
Motion Highlights #1
In UI Interactions and Animations Roundups, by Manoela Ilic
A fresh collection of diverse motion designs and animation concepts to spark your creativity and expand your perspective.
