Kinewright Wheels: the map
Kinewright is a house of motion engines, and Wheels is its second engine: how a body with exactly four wheels moves. This article is the plan for Wh…
Последние новости
⚑ Сообщить о проблемеTech news from the best sources
Все темы
AI
Gear
News
Tech
agents
ai
api
architecture
automation
beginners
career
database
devchallenge
devops
discuss
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
security
showdev
testing
tutorial
typescript
webdev
I gave Gemini 4 Argon one photo of a desk. It built a racing game, then its own test trapped it.
Google says its newest model, Gemini 4 Argon, can turn pictures of a desk into a racing game you can drive. Their demo had several pictures of their…
We cut a scene out of our Remotion reel and slowed the rest to 80%, and two one-line functions kept every cue on its frame
Nakodo has a vertical reel, 1080 by 1920, 30fps, drawn entirely from the app's own React illustration components and with every sound synthesised by…
Why Some SaaS Websites Feel Custom Even When They Use Familiar UI Patterns
Most SaaS marketing sites are built from a familiar set of ingredients. A hero section. Product screenshots. Feature cards. Social proof. Pricing. A…
5 Framer Motion patterns I used building 5 React templates (with code)
Over the last few weeks I built five website templates in React 18, Vite 5 and Framer Motion 11 — fashion, restaurant, SaaS, agency and wedding. No…
FREE RESET: turning a moving refill date into a code-animated music satire
A free refill sounds like an uncomplicated gift. The joke in FREE RESET! is that the calendar moves too. We turned that friction into a 59-second el…
Slop Park: a trailer played by the game's own code
Slop Park is a 2D co-op platformer for one to eight players, free in the browser. Its trailer is 64 seconds long and none of it is screen recording:…
How to Animate iOS Widgets: The Native Alternative to Lottie, Rive, GIF, PNG Sequences, and Third-Party SDKs
The motion design industry is accustomed to relying on established formats: Lottie, Rive, video, or frame sequences (PNG/GIF). However, when attempt…
Entry Animations with CSS @starting-style
Entry animations can be tricky—between handling DOM load times and animating from display: none , it's easy to get stuck. The @starting-style rule s…
Developer Recreates 'Take On Me' Music Video Entirely in JavaScript, Showcasing Technical and Creative Innovation
Introduction: The JavaScript Recreation of 'Take On Me' Imagine a music video so iconic, its pencil-sketch aesthetic and rotoscoped animation are in…
Top 8 Modern UI Libraries & Motion Engines Every Developer Should Know (Part 2)
Welcome to Part 2 of our breakdown of modern frontend UI tools! In [Part 1], we covered foundational platforms like Shadcn, Magic UI, DaisyUI, HeroU…
Donald Duck's uncle was partly based on Wernher von Braun
Introducing the "world-famous authority on outer space..."
CSS, Motion, or GSAP? I Choose by Who Owns the Animation
A button changes on hover. A modal needs to finish leaving before React removes it. A launch page pins the viewport while several elements enter, ov…
Automatic lip sync animation generator for Blender animations
I don't know if anyone else here has ever used Blender or tried their hand at 3D animation, but if you have, you know it's hard. Like really hard. I…
Manim: Turning Mathematics into Animation with Python
What if you could take a mathematical equation and make it move? Not just display it on a screen, but animate it—make graphs appear, equations trans…
The Lottielab watermark is layer 12345679
There is a tool on GitHub called "lottielab-watermark-remover" . It is a few lines long. All it does is walk the layers array of a Lottie file and d…
The jitter wasn't in the interpolation. It was in the schedule.
The avatar standing on my desktop looked like it was stuttering. One symptom — but it turned out to have three causes of completely different kinds.…
Making a dog talk with zero backend. 🐶✨ Built an entirely client-side pipeline to animate talking pets: - ✂️ In-browser image segmentation - 👄 Real-time WebGL lip-syncing - 🎬 Native MP4 export (all in the browser) No servers, no GPU compute bills
Making a dog talk with zero backend: in-browser segmentation, WebGL lip sync and real MP4 export DEV Weekend Challenge: Dog Days Edition Submission…
The 9 Animation States of a Pixel Pet, Explained
-- title: "The 9 Animation States of a Pixel Pet, Explained" description: "A desktop pixel pet is a set of animation loops, not one image. Here are…
I Built CSS-Like Native UI Animations with Nim and SDL3
Can CSS-like keyframe animations and hover transitions work in a native GUI without a browser or WebView? Clay Board Style System v0.4.1 , released…
Under the Hood: Building an Interactive CSS Cubic Bezier Curve Designer
In modern UI/UX development, animations dictate how organic and responsive digital interfaces feel. Linear transitions feel static and industrial be…
How I Built a 60 FPS 404 Page With Live Video Background Removal
Most 404 pages are boring. You spend hours designing the actual website, animations, interactions, and visual identity — and then when someone visit…
Twelve UI easing curves, written out so you can read them
Every prototype I start ends up with the same handful of easing functions, rewritten slightly differently each time. Worse, when a project has both…
How I built an Ad-Free Anime Dashboard using the AniList API
Hello everyone! 👋 As a web development student, I wanted to build a portfolio project that solves a real problem I face: annoying pop-up ads on stre…
Where to get a 3Blue1Brown style explainer video made, and how to judge one
If you want an explainer video in the calm, diagram-driven 3Blue1Brown style, you have three real options: learn Manim yourself (free, steep curve),…
CSS Animation Examples — 40 Live Demos You Can Copy (2025)
CSS animations can make a site feel alive — or overwhelming. This guide covers 40 CSS animation examples organized by type: from the basics every de…
Flutter Animations for Beginners: What You Can Build Without Plugins
Animations are often where apps start to feel alive instead of just functional. And if you're just getting started with Flutter, it's easy to assume…
Opposing scroll columns with one view() timeline and three keyframe sets
You have adjacent columns of cards and you want them drifting in opposite directions as the visitor scrolls — one rising while the other falls. The…
Create an INFINITE CSS Carousel🤖 w/ Negative animation-delay !
The main idea of a Carousel isn't just about moving a bunch of elements from left to right because there must be a smoothly infinite movement, this…
Lottie JSON vs .lottie Format — What's the Difference and Which Should You Use?
Two file formats. Same animations. Very different performance characteristics. If you've used Lottie before, you know the .json file — you export it…