Decorative WebGL Backgrounds

Today we are going to explore some original and experimental backgrounds generated using WebGL. The main idea is to show interesting animated shapes as decorative page backgrounds, some having subtle interactivity. All the demos are made with the Three.js WebGL library to create the various shapes, and the animations are controlled by the performant GSAP…

Details

Creative SVG Strokes Animation

SVG stroke animations are nothing new, but when using a more complex drawing that is basically made of strokes, then we can create a very original looking effect. Using many different colors and adding some other element animations, we can bring a very unique looking illustration to live. For the animation we are using GSAP’s…

Details

Collective #375

Inspirational Website of the Week: NINJA TUNE 2017 A fun scroll experience with many creative effects. Our pick this week. Get inspired Our Sponsor Extra: The Ultimate Magazine WordPress Theme Extra is the ultimate magazine WordPress theme and visual page builder powered by Divi. Try it now How to Connect to an API with JavaScript…

Details

Collective #374

Our Sponsor ProjectHuddle: Live Feedback On Your Web Project A revolutionary WordPress plugin to gather client feedback directly on top of your web project. Open source, white-label & cross-platform. Check it out Act now to save the internet as we know it The internet as we know it will vanish if net neutrality gets compromised.…

Details

Collective #373

Inspirational Website of the Week: TAO TAJIMA An incredible web experience with surreal effects. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Test Attack Readiness With Incapsula DDoS Resiliency Score The DDoS Resiliency Score (DRS) calculator is a free online tool you can use to evaluate the effectiveness of your…

Details

Collective #372

Our Sponsor A smart, free solution for handling creative files Your files deserve a safe home. Organizing, sharing & approval of creative in a customizable portal; everything is easier with Orbit. Check it out Animate Plus Animate Plus is a new JavaScript animation library that aims to focus on performance. Check it out Yolo Hero…

Details

Collective #371

Inspirational Website of the Week: Supercrowds Some very exciting slice effects with lots of interesting transitions. Our pick this week. Get inspired Our Sponsor Do your clients worship you? They will now! Woo your clients in 6 unusual ways with 1 domain name. Serenade them now! Check it out VR/AR prototyping for everyone An in-depth…

Details

Collective #370

Our Sponsor You’ve been wanting to build mobile apps… Use your favorite development languages and share code between web and mobile. Check it out JSRobot Reaal Khalil created this fun coding game where you control a robot by learning JavaScript. Check it out Infinitown A fantastic WebGL experiment of an infinite town using a brilliant…

Details

3D Particle Explorations

This set of demos explores 3D particle animations using three.js and easing. All of the particles and shapes in these demos are made from basic geometry/material/mesh sets in three.js, such as spheres, lines, and boxes. The Concept Making animations with a lot of small moving parts is a lot of fun. Applying different timing offsets…

Details