Dev Ed's banner

Dev Ed

@developedbyed • 71,252 subscribers

Create ASCII Animations in React https://t.co/AE175D3Eeu https://t.co/hgo6d2jLRI

Shorts

Opus 4.6 vs GPT 5.4 (High) (1/9) prompt: Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever. For the initial impressions I'm really impressed by GPT, for speed they both felt about the same, but gpt was still half cheaper than opus. I also much prefer the design and animation that gpt produced, physics on the leaves are super cool and it also loops pretty nicely whilst opus just fades out the plant. Still got a bunch of tests to run but this is really exciting.

Opus 4.6 vs GPT 5.4 (High) (1/9) prompt: Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever. For the initial impressions I'm really impressed by GPT, for speed they both felt about the same, but gpt was still half cheaper than opus. I also much prefer the design and animation that gpt produced, physics on the leaves are super cool and it also loops pretty nicely whilst opus just fades out the plant. Still got a bunch of tests to run but this is really exciting.

659,785 görüntüleme

Making an app in electron to generate your own game assets,tiles,animations, inpainting and more. No subscriptions, all run locally

Making an app in electron to generate your own game assets,tiles,animations, inpainting and more. No subscriptions, all run locally

293,904 görüntüleme

Opus 4.6 vs GPT-5.4 (4/9) prompt: Build a production-quality 3D flight-tracking web app using React + Vite + Three.js (react-three-fiber + drei) that visualizes live OpenSky aircraft data on a rotatable 3D Earth, with real-time plane motion, smooth interpolation, altitude-accurate positioning, and polished lighting/post-processing. Both models did really well on this one and honestly I’m impressed with both. GPT-5.4 had the nicer post-processing out of the box. I really liked the subtle light shimmer on the airplanes when rotating the planet, and the camera work when clicking a plane felt better overall. Opus 4.6 though had a few details I liked more. It automatically went and found a much nicer Earth texture on GitHub, while with GPT-5.4 I had to reprompt it to go look for a better one. I also preferred Opus’s plane model overall, it just looked more polished, whereas GPT-5.4’s plane asset looked a bit funny. One thing I noticed with GPT-5.4 is that when you click into the plane, the camera sometimes clips through the planet, which breaks the effect a bit. Opus handled that part more cleanly. Overall this felt like a strong result from both, just with different strengths. GPT-5.4 felt better on presentation and post-processing, while Opus had better asset choices and a more premium-looking Earth/plane combo.

Opus 4.6 vs GPT-5.4 (4/9) prompt: Build a production-quality 3D flight-tracking web app using React + Vite + Three.js (react-three-fiber + drei) that visualizes live OpenSky aircraft data on a rotatable 3D Earth, with real-time plane motion, smooth interpolation, altitude-accurate positioning, and polished lighting/post-processing. Both models did really well on this one and honestly I’m impressed with both. GPT-5.4 had the nicer post-processing out of the box. I really liked the subtle light shimmer on the airplanes when rotating the planet, and the camera work when clicking a plane felt better overall. Opus 4.6 though had a few details I liked more. It automatically went and found a much nicer Earth texture on GitHub, while with GPT-5.4 I had to reprompt it to go look for a better one. I also preferred Opus’s plane model overall, it just looked more polished, whereas GPT-5.4’s plane asset looked a bit funny. One thing I noticed with GPT-5.4 is that when you click into the plane, the camera sometimes clips through the planet, which breaks the effect a bit. Opus handled that part more cleanly. Overall this felt like a strong result from both, just with different strengths. GPT-5.4 felt better on presentation and post-processing, while Opus had better asset choices and a more premium-looking Earth/plane combo.

278,457 görüntüleme

Coming soon! One click add ASCII animations to your apps, with light dark mode support, adjustable qualities and framerates!

Coming soon! One click add ASCII animations to your apps, with light dark mode support, adjustable qualities and framerates!

204,128 görüntüleme

Opus 4.6 vs Gemini 3 pro (1/9) prompt: Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever. my dear opus...what have you done...

Opus 4.6 vs Gemini 3 pro (1/9) prompt: Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever. my dear opus...what have you done...

145,939 görüntüleme

Flux 2 Klein 4B param, dropped at 2 steps with much higher FPS! I also added a couple of LORA's, I'll mess around with. Such a good diffusion model!

Flux 2 Klein 4B param, dropped at 2 steps with much higher FPS! I also added a couple of LORA's, I'll mess around with. Such a good diffusion model!

109,619 görüntüleme

Big Launch coming today 🚀 Generate, customize ascii animations and add them straight in your react projects. Just adding a bunch more animations and need to make a discord channel so we can share custom creations :)

Big Launch coming today 🚀 Generate, customize ascii animations and add them straight in your react projects. Just adding a bunch more animations and need to make a discord channel so we can share custom creations :)

46,671 görüntüleme

100% css 0% javascript Pretty cool that you can run animations like this now off the main thread, was always a worry implementing a scroll animation knowing some users might see "jank" Safari and Firefox are sleeping far too long, scroll driven animations are awesome

100% css 0% javascript Pretty cool that you can run animations like this now off the main thread, was always a worry implementing a scroll animation knowing some users might see "jank" Safari and Firefox are sleeping far too long, scroll driven animations are awesome

88,024 görüntüleme

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨

Added a glow feature to my shadcn cards with tailwind v4, no component duplication, just blendmode and css shananigans ✨

60,593 görüntüleme

Btw this is all it takes to deploy tanstack start to cloudflare workers ✨ this gives you rate limiting, queues, email workers and a bunch of other cool features

Btw this is all it takes to deploy tanstack start to cloudflare workers ✨ this gives you rate limiting, queues, email workers and a bunch of other cool features

16,052 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Opus 4.6 vs GPT-5.4 (High) (6/9) Testing out how well these models to with cloth physics simulation, and honestly both where pretty close here but my god I am shocked how good GPT 5.4 is with optimizing this scene whilst opus 4.6 felt quite janky and lower fps. GPT 5.4 also got the cutting working properly whilst Opus was just floating about. I do want to heavily stress the fact that making this prompt, Opus 4.6 cost the whole 100% of the session ($20 pro plan) + $3 in credits whilst GPT 5.4 only cost 10% of the usage. prompt: Build a premium Vite + React interactive cloth simulation of a cozy room curtain using real particle/constraint physics, with structural + shear springs, damping, collisions, and stable real-time deformation. Users should be able to drag the curtain, add wind, and cut constraints, while the experience stays polished, visually elegant, and numerically stable.

Opus 4.6 vs GPT-5.4 (High) (6/9) Testing out how well these models to with cloth physics simulation, and honestly both where pretty close here but my god I am shocked how good GPT 5.4 is with optimizing this scene whilst opus 4.6 felt quite janky and lower fps. GPT 5.4 also got the cutting working properly whilst Opus was just floating about. I do want to heavily stress the fact that making this prompt, Opus 4.6 cost the whole 100% of the session ($20 pro plan) + $3 in credits whilst GPT 5.4 only cost 10% of the usage. prompt: Build a premium Vite + React interactive cloth simulation of a cozy room curtain using real particle/constraint physics, with structural + shear springs, damping, collisions, and stable real-time deformation. Users should be able to drag the curtain, add wind, and cut constraints, while the experience stays polished, visually elegant, and numerically stable.

413,867 görüntüleme • 2 ay önce

Opus 4.6 vs Gemini Pro 3.1 (5/9) Opus absolutely COOKS gemini, by creating an overall better cohesive design, extra features like like dark mode, poper tabs for stock analysis, news, and it even created it's own svgs for the stock tickers whilst doing it FASTER than gemini. Opus: 12 mins 23 seconds Gemini: 18 mins 31 seconds (had to reprompt it 3 extra times to fix syntax errors) prompt: Build a high-end stock analysis dashboard using React + Vite + TypeScript, with a polished TradingView/Bloomberg-style UI, left sidebar of stock tickers, smooth transitions, and premium charts (candlesticks, indicators, comparisons). Use local dummy JSON data only (prices, financials, future points) with a time-simulation mode, rich stock detail tabs (overview, financials, valuation, technicals), and add 3–5 pro features like watchlists, compare mode, alerts, portfolio sandbox, or earnings calendar—architected so a real API can be swapped in later.

Opus 4.6 vs Gemini Pro 3.1 (5/9) Opus absolutely COOKS gemini, by creating an overall better cohesive design, extra features like like dark mode, poper tabs for stock analysis, news, and it even created it's own svgs for the stock tickers whilst doing it FASTER than gemini. Opus: 12 mins 23 seconds Gemini: 18 mins 31 seconds (had to reprompt it 3 extra times to fix syntax errors) prompt: Build a high-end stock analysis dashboard using React + Vite + TypeScript, with a polished TradingView/Bloomberg-style UI, left sidebar of stock tickers, smooth transitions, and premium charts (candlesticks, indicators, comparisons). Use local dummy JSON data only (prices, financials, future points) with a time-simulation mode, rich stock detail tabs (overview, financials, valuation, technicals), and add 3–5 pro features like watchlists, compare mode, alerts, portfolio sandbox, or earnings calendar—architected so a real API can be swapped in later.

286,155 görüntüleme • 3 ay önce

I went up to Flux 2 Klein 9B param model with 2 steps This model is seriously under rated and will look forward to fine tuning one.

I went up to Flux 2 Klein 9B param model with 2 steps This model is seriously under rated and will look forward to fine tuning one.

109,174 görüntüleme • 3 ay önce

Introducing Add mesmerizing ASCII art animations to any website. - Drop-in React component - CLI tool to convert videos to ASCII - Growing animation library - Private Discord for support One payment. Lifetime access.

Introducing Add mesmerizing ASCII art animations to any website. - Drop-in React component - CLI tool to convert videos to ASCII - Growing animation library - Private Discord for support One payment. Lifetime access.

95,012 görüntüleme • 3 ay önce

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

77,206 görüntüleme • 3 ay önce

Opus 4.6 vs Gemini 3.1 Pro (2/9) prompt: Build a premium Vite + React landing page for Aether, an AI creative studio, with dark-mode design, high-end animations (Framer Motion), and conversion-focused sections (hero, features, demo, pricing, testimonials). Whilst I think gemini is overall better at design, the model often struggles with syntax issues, tool calling and thinking for 2-3 times the amount of opus.

Opus 4.6 vs Gemini 3.1 Pro (2/9) prompt: Build a premium Vite + React landing page for Aether, an AI creative studio, with dark-mode design, high-end animations (Framer Motion), and conversion-focused sections (hero, features, demo, pricing, testimonials). Whilst I think gemini is overall better at design, the model often struggles with syntax issues, tool calling and thinking for 2-3 times the amount of opus.

60,091 görüntüleme • 3 ay önce

Really happy to announce a new series that I will be starting here on the twitters and YouTube shorts 🎉 Let's start off with CSS Box Model

Really happy to announce a new series that I will be starting here on the twitters and YouTube shorts 🎉 Let's start off with CSS Box Model

222,365 görüntüleme • 2 yıl önce

Opus 4.6 vs Gemini Pro 3.1 (7/9) I wanted to do a physics simulation test, overall both models did a good job in this department, however Opus added nice animations to things like "Fan", "Magnet" whilst gemini just rendered them out as a red circle. Opus also included way more effects in its toolbox, like rocket, connecting shapes with rope, springs etc. Should note that in all of these tests, Opus one shotted all of them, whilst gemini took an extra 3-5 prompts to get the project compile :) prompt: Build a polished physics sandbox toy using React + Vite with a real physics engine (Matter.js or Rapier), where users can spawn, grab, throw, and connect objects with springs, hinges, and ropes, plus interactive gadgets like fans and thrusters.

Opus 4.6 vs Gemini Pro 3.1 (7/9) I wanted to do a physics simulation test, overall both models did a good job in this department, however Opus added nice animations to things like "Fan", "Magnet" whilst gemini just rendered them out as a red circle. Opus also included way more effects in its toolbox, like rocket, connecting shapes with rope, springs etc. Should note that in all of these tests, Opus one shotted all of them, whilst gemini took an extra 3-5 prompts to get the project compile :) prompt: Build a polished physics sandbox toy using React + Vite with a real physics engine (Matter.js or Rapier), where users can spawn, grab, throw, and connect objects with springs, hinges, and ropes, plus interactive gadgets like fans and thrusters.

28,179 görüntüleme • 3 ay önce

Next 14 in a nutshell featuring Theo ThePrimeagen

Next 14 in a nutshell featuring Theo ThePrimeagen

70,508 görüntüleme • 2 yıl önce

Daha fazla içerik yok.