Miguel Costa
@mikejolz.bsky.social
Designing the way you interact with code at @nordcraft.com 🌲💻
Been playing around on this fun little project: Cosmic Glow ✨
It’s a small tool that allows you to generate progressive gradients by controlling the distribution curve and its variation.
It was built on Nordcraft, which makes this kind of UI implementation a joy to build.
It’s a small tool that allows you to generate progressive gradients by controlling the distribution curve and its variation.
It was built on Nordcraft, which makes this kind of UI implementation a joy to build.
January 21, 2026 at 7:10 PM
Been playing around on this fun little project: Cosmic Glow ✨
It’s a small tool that allows you to generate progressive gradients by controlling the distribution curve and its variation.
It was built on Nordcraft, which makes this kind of UI implementation a joy to build.
It’s a small tool that allows you to generate progressive gradients by controlling the distribution curve and its variation.
It was built on Nordcraft, which makes this kind of UI implementation a joy to build.
Best thing I’ve seen in 2026 so far. 👏
Thrilled to announce Grab Hold!
Don't just wait, Grab Hold.
Hold is the perfect hand-off companion for designers waiting for devs to implement their design.
Live today! 🙌
grabhold.now
Don't just wait, Grab Hold.
Hold is the perfect hand-off companion for designers waiting for devs to implement their design.
Live today! 🙌
grabhold.now
Hold™ | The designer's hand-off hero
Don't just wait, Grab Hold. Hold is the perfect hand-off companion for designers waiting for devs to implement their design.
grabhold.now
January 19, 2026 at 2:55 PM
Best thing I’ve seen in 2026 so far. 👏
Reposted by Miguel Costa
Create websites with AI — edit styling and logic visually — no tokens used! ✨
It's generative AI done right. No black boxes, clean HTML and CSS, visual logic and workflows all powered by a complete Web Development Engine.
Launching start 2026! ✨
It's generative AI done right. No black boxes, clean HTML and CSS, visual logic and workflows all powered by a complete Web Development Engine.
Launching start 2026! ✨
Gen AI Website Builder — Token-Free Visual Edits!
YouTube video by Nordcraft
youtu.be
December 15, 2025 at 10:43 AM
Create websites with AI — edit styling and logic visually — no tokens used! ✨
It's generative AI done right. No black boxes, clean HTML and CSS, visual logic and workflows all powered by a complete Web Development Engine.
Launching start 2026! ✨
It's generative AI done right. No black boxes, clean HTML and CSS, visual logic and workflows all powered by a complete Web Development Engine.
Launching start 2026! ✨
Reposted by Miguel Costa
My wonderful colleague @mikejolz.bsky.social walks you through creating that Lando Norris text effect 👏
Learn how to create the famous Lando Norris CSS text reveal! ✌️
Create the Lando Norris CSS text effect
YouTube video by Nordcraft
youtu.be
December 11, 2025 at 1:30 PM
My wonderful colleague @mikejolz.bsky.social walks you through creating that Lando Norris text effect 👏
Reposted by Miguel Costa
I decided to pay the $20 to try Claude Code, since I’ve heard good things about it, and holy smokes, this has been a rough onboarding / first impression. 😅
I’ve had so many little irritations in the first 20 minutes, but I want to focus on one. Hopefully y’all can tell me what I’m doing wrong here.
I’ve had so many little irritations in the first 20 minutes, but I want to focus on one. Hopefully y’all can tell me what I’m doing wrong here.
December 4, 2025 at 4:35 PM
I decided to pay the $20 to try Claude Code, since I’ve heard good things about it, and holy smokes, this has been a rough onboarding / first impression. 😅
I’ve had so many little irritations in the first 20 minutes, but I want to focus on one. Hopefully y’all can tell me what I’m doing wrong here.
I’ve had so many little irritations in the first 20 minutes, but I want to focus on one. Hopefully y’all can tell me what I’m doing wrong here.
New website is live 🥳
We just launched a new version of our home page and would love your feedback 👀
Let us know what you think!
Let us know what you think!
Nordcraft — The Web Development Engine
Nordcraft combines a visual design tool with a powerful web framework, providing everything you need to craft extraordinary web apps and websites.
nordcraft.com
December 2, 2025 at 12:25 PM
New website is live 🥳
Reposted by Miguel Costa
Happy Halloween! 🎃👻🕸️🕷️🧙♀️🧛
Watch Nordcraft Product Designer @mikejolz.bsky.social explain how he made a Halloween themed version of our new CSS coloring book!
🧟♀️🦇🩸🕯️🍬🍭💀👹
Watch Nordcraft Product Designer @mikejolz.bsky.social explain how he made a Halloween themed version of our new CSS coloring book!
🧟♀️🦇🩸🕯️🍬🍭💀👹
CSS Coloring Book — Halloween Edition
YouTube video by Nordcraft
youtu.be
October 31, 2025 at 12:26 PM
Happy Halloween! 🎃👻🕸️🕷️🧙♀️🧛
Watch Nordcraft Product Designer @mikejolz.bsky.social explain how he made a Halloween themed version of our new CSS coloring book!
🧟♀️🦇🩸🕯️🍬🍭💀👹
Watch Nordcraft Product Designer @mikejolz.bsky.social explain how he made a Halloween themed version of our new CSS coloring book!
🧟♀️🦇🩸🕯️🍬🍭💀👹
Reposted by Miguel Costa
We are excited to join in on @supabase.com #launchweek and announce Supabase connect, a brand new Nordcraft package that makes it trivial to handle Auth, Realtime and file uploads with Nordcraft and Supabase.
youtu.be/jtMMgQ8zwnI?...
youtu.be/jtMMgQ8zwnI?...
The fastest way to build with Supabase (auth, realtime and file uploads)
YouTube video by Nordcraft
youtu.be
July 18, 2025 at 10:45 AM
We are excited to join in on @supabase.com #launchweek and announce Supabase connect, a brand new Nordcraft package that makes it trivial to handle Auth, Realtime and file uploads with Nordcraft and Supabase.
youtu.be/jtMMgQ8zwnI?...
youtu.be/jtMMgQ8zwnI?...
I introduced you “Lennart the Password Bird” 🐦
Funny interaction built with @nordcraft.com new animation panel.
Go check the video 📺👇
Funny interaction built with @nordcraft.com new animation panel.
Go check the video 📺👇
June 18, 2025 at 6:48 PM
I introduced you “Lennart the Password Bird” 🐦
Funny interaction built with @nordcraft.com new animation panel.
Go check the video 📺👇
Funny interaction built with @nordcraft.com new animation panel.
Go check the video 📺👇
Reposted by Miguel Costa
Lennart the Password Bird is looking as you are typing you username but closes his eyes politely when you enter your password! 🐦
Watch here: youtu.be/lkrzHmKM6Yg
@mikejolz.bsky.social from Nordcraft explains how to set up an animation that "listens" to user interactions.
Watch here: youtu.be/lkrzHmKM6Yg
@mikejolz.bsky.social from Nordcraft explains how to set up an animation that "listens" to user interactions.
Animate a Password Bird in CSS
YouTube video by Nordcraft
youtu.be
June 18, 2025 at 10:45 AM
Lennart the Password Bird is looking as you are typing you username but closes his eyes politely when you enter your password! 🐦
Watch here: youtu.be/lkrzHmKM6Yg
@mikejolz.bsky.social from Nordcraft explains how to set up an animation that "listens" to user interactions.
Watch here: youtu.be/lkrzHmKM6Yg
@mikejolz.bsky.social from Nordcraft explains how to set up an animation that "listens" to user interactions.
Reposted by Miguel Costa
Create a simple expand/collapse menu in Nordcraft!
Try it here: toast_animation.toddle.site
Nordcraft Designer @mikejolz.bsky.social shows you how to build this lovely animation in just a few clicks.
Try it here: toast_animation.toddle.site
Nordcraft Designer @mikejolz.bsky.social shows you how to build this lovely animation in just a few clicks.
May 22, 2025 at 11:45 AM
Create a simple expand/collapse menu in Nordcraft!
Try it here: toast_animation.toddle.site
Nordcraft Designer @mikejolz.bsky.social shows you how to build this lovely animation in just a few clicks.
Try it here: toast_animation.toddle.site
Nordcraft Designer @mikejolz.bsky.social shows you how to build this lovely animation in just a few clicks.
Reposted by Miguel Costa
also please star this repo so I don't get fired
GitHub - nordcraftengine/nordcraft: Packages that are used internally by the Nordcraft engine
Packages that are used internally by the Nordcraft engine - nordcraftengine/nordcraft
github.com
May 13, 2025 at 12:28 PM
also please star this repo so I don't get fired
Our new style panel is live, go check it out 🚀
We spent the last couple of months completely redesigning our style panel and we could not be more excited to share it
blog.nordcraft.com/shiny-new-st...
blog.nordcraft.com/shiny-new-st...
Shiny New stylepanel
We spent the last few months completely redesigning the style panel from the ground up. Styling your application in Nordcraft is now more delightful than ever.
blog.nordcraft.com
May 12, 2025 at 2:48 PM
Our new style panel is live, go check it out 🚀
A glimpse of the future 🔮
We've just released our Public Roadmap!
Have a look: github.com/orgs/nordcra...
Coming up:
→ Animation editor
→ New Nordcraft AI
→ GraphQL explorer
And much more!
Have a look: github.com/orgs/nordcra...
Coming up:
→ Animation editor
→ New Nordcraft AI
→ GraphQL explorer
And much more!
May 12, 2025 at 8:24 AM
A glimpse of the future 🔮
Introducing @nordcraft.com — The Web Development Engine 🌲💻
We’ve come a long way since our launch in 2023, and a lot has happened since then.
However, “toddle” has never quite felt like the right name for a platform that powers amazing software companies all over the world.
So, starting today, we’re changing the name to Nordcraft.
However, “toddle” has never quite felt like the right name for a platform that powers amazing software companies all over the world.
So, starting today, we’re changing the name to Nordcraft.
April 22, 2025 at 1:14 PM
Introducing @nordcraft.com — The Web Development Engine 🌲💻
Reposted by Miguel Costa
BIG NEWS!
@andreasmoller.dk and I have launched the new @toddle.dev podcast: Pixels with Purpose.
The first episode features ME, my approach to developer education, and why I chose toddle.
Listen on your favourite podcast app of choice, or here on the World Wide Web!
pxwithpurpose.com
@andreasmoller.dk and I have launched the new @toddle.dev podcast: Pixels with Purpose.
The first episode features ME, my approach to developer education, and why I chose toddle.
Listen on your favourite podcast app of choice, or here on the World Wide Web!
pxwithpurpose.com
April 3, 2025 at 2:50 PM
BIG NEWS!
@andreasmoller.dk and I have launched the new @toddle.dev podcast: Pixels with Purpose.
The first episode features ME, my approach to developer education, and why I chose toddle.
Listen on your favourite podcast app of choice, or here on the World Wide Web!
pxwithpurpose.com
@andreasmoller.dk and I have launched the new @toddle.dev podcast: Pixels with Purpose.
The first episode features ME, my approach to developer education, and why I chose toddle.
Listen on your favourite podcast app of choice, or here on the World Wide Web!
pxwithpurpose.com
Some thoughts about AI 🤖
I was very interested to read the 2024 DORA report, in particular the section about AI adoption.
I wrote up my thoughts on AI and productivity, and how whilst we feel like AI is making us more productive, the data tells a different story.
And no, I did not use AI to summarise the report data.
I wrote up my thoughts on AI and productivity, and how whilst we feel like AI is making us more productive, the data tells a different story.
And no, I did not use AI to summarise the report data.
Does AI really make you more productive?
Most developers are using AI for speed and productivity. But at what cost? Could AI be sacrificing software delivery metrics such as efficiency and stability?
toddle.dev
March 28, 2025 at 9:02 AM
Some thoughts about AI 🤖
Reposted by Miguel Costa
As I get to grips with @toddle.dev, I'm also finding and fixing bugs!
I found a bug on stream last week, and made a video about the fix for your viewing pleasure.
It's a short one and a quick fix, but highlights the importance of understanding event bubbling in the DOM.
I found a bug on stream last week, and made a video about the fix for your viewing pleasure.
It's a short one and a quick fix, but highlights the importance of understanding event bubbling in the DOM.
I FOUND A BUG?! How to prevent event bubbling on HTML elements
YouTube video by toddle
youtu.be
March 19, 2025 at 1:30 PM
As I get to grips with @toddle.dev, I'm also finding and fixing bugs!
I found a bug on stream last week, and made a video about the fix for your viewing pleasure.
It's a short one and a quick fix, but highlights the importance of understanding event bubbling in the DOM.
I found a bug on stream last week, and made a video about the fix for your viewing pleasure.
It's a short one and a quick fix, but highlights the importance of understanding event bubbling in the DOM.
Reposted by Miguel Costa
More Lighthouse Festival! 🥳
Watch Jacob, Senior Engineer at toddle, explain toddle's powerful Issues System.
Watch here: youtu.be/ulZJTV3ouHs
Learn how to identify and fix common problems like:
→ Unused variables
→ Missing image dimensions
→ Unused components
Etc.
Watch Jacob, Senior Engineer at toddle, explain toddle's powerful Issues System.
Watch here: youtu.be/ulZJTV3ouHs
Learn how to identify and fix common problems like:
→ Unused variables
→ Missing image dimensions
→ Unused components
Etc.
Find and fix web app issues
YouTube video by toddle
youtu.be
March 13, 2025 at 2:07 PM
More Lighthouse Festival! 🥳
Watch Jacob, Senior Engineer at toddle, explain toddle's powerful Issues System.
Watch here: youtu.be/ulZJTV3ouHs
Learn how to identify and fix common problems like:
→ Unused variables
→ Missing image dimensions
→ Unused components
Etc.
Watch Jacob, Senior Engineer at toddle, explain toddle's powerful Issues System.
Watch here: youtu.be/ulZJTV3ouHs
Learn how to identify and fix common problems like:
→ Unused variables
→ Missing image dimensions
→ Unused components
Etc.
Reposted by Miguel Costa
It’s time for yet another Lighthouse Festival act! ✌️😃
This time it’s our very own Designer and Co-Founder @svenning.io🙌
He’ll be styling a couple of components from the impressive UI library Spark One live-on-tape!
This time it’s our very own Designer and Co-Founder @svenning.io🙌
He’ll be styling a couple of components from the impressive UI library Spark One live-on-tape!
Styling the UI Library Spark One — Part 1
YouTube video by toddle
youtu.be
March 12, 2025 at 9:55 AM
It’s time for yet another Lighthouse Festival act! ✌️😃
This time it’s our very own Designer and Co-Founder @svenning.io🙌
He’ll be styling a couple of components from the impressive UI library Spark One live-on-tape!
This time it’s our very own Designer and Co-Founder @svenning.io🙌
He’ll be styling a couple of components from the impressive UI library Spark One live-on-tape!
Reposted by Miguel Costa
Today's first Lighthouse Festival act feature the UI libraries Spark Core and Spark One 🥳
@andreasmoller.dk, CEO of toddle, interviews Max from Spark Agency, about their impressive UI libraries, which draw heavy inspiration from @radix-ui.com UI and Shadcn.
✨ Try Spark One: one.spark-pro.dev
@andreasmoller.dk, CEO of toddle, interviews Max from Spark Agency, about their impressive UI libraries, which draw heavy inspiration from @radix-ui.com UI and Shadcn.
✨ Try Spark One: one.spark-pro.dev
Interview with the Spark UI Libraries Creator Max
YouTube video by toddle
youtu.be
March 11, 2025 at 11:48 AM
Today's first Lighthouse Festival act feature the UI libraries Spark Core and Spark One 🥳
@andreasmoller.dk, CEO of toddle, interviews Max from Spark Agency, about their impressive UI libraries, which draw heavy inspiration from @radix-ui.com UI and Shadcn.
✨ Try Spark One: one.spark-pro.dev
@andreasmoller.dk, CEO of toddle, interviews Max from Spark Agency, about their impressive UI libraries, which draw heavy inspiration from @radix-ui.com UI and Shadcn.
✨ Try Spark One: one.spark-pro.dev
Reposted by Miguel Costa
Pack your bags—it’s time for Lighthouse Festival 2025! 🥳
Starting tomorrow, you get the chance to experience some of the biggest names on the current web app scene!
We got them all lined up! 🙀
See you tomorrow!
Starting tomorrow, you get the chance to experience some of the biggest names on the current web app scene!
We got them all lined up! 🙀
See you tomorrow!
March 9, 2025 at 9:30 AM
Pack your bags—it’s time for Lighthouse Festival 2025! 🥳
Starting tomorrow, you get the chance to experience some of the biggest names on the current web app scene!
We got them all lined up! 🙀
See you tomorrow!
Starting tomorrow, you get the chance to experience some of the biggest names on the current web app scene!
We got them all lined up! 🙀
See you tomorrow!
The toddle Lighthouse Festival is on 🥳
The gates are open! 🥳
The toddle Lighthouse Festival is officially open! 🟢🟢🟢🟢
What on earth is a Lighthouse Festival? Find out below 😉
The toddle Lighthouse Festival is officially open! 🟢🟢🟢🟢
What on earth is a Lighthouse Festival? Find out below 😉
Lighthouse Festival 2025 is now open!
YouTube video by toddle
youtu.be
March 10, 2025 at 11:46 AM
The toddle Lighthouse Festival is on 🥳
What an amazing way to start the week 🤗 Welcome to the team @whitep4nth3r.com 💪
GOOD MORNING!
I am incredibly excited to announce that I have joined @toddle.dev as Head of Developer Education.
I wrote about what toddle is, why I think it's so important for the future of web dev, and most importantly, how it's a tool for building what you already know how to build.
Lessgooooo
I am incredibly excited to announce that I have joined @toddle.dev as Head of Developer Education.
I wrote about what toddle is, why I think it's so important for the future of web dev, and most importantly, how it's a tool for building what you already know how to build.
Lessgooooo
Is this the next step in the evolution of front end dev?
Tired of endless admin in web dev? Visual frameworks could be the answer to getting rid of all the setup tasks that get in the way of building great websites.
whitep4nth3r.com
March 3, 2025 at 11:08 AM
What an amazing way to start the week 🤗 Welcome to the team @whitep4nth3r.com 💪
Reposted by Miguel Costa
How do you best implement pagination? 🤔
@andreasmoller.dk from toddle demonstrates how to set up pagination using @supabase.com and @toddle.dev ✌️
Loading only a small portion of a large dataset at a time, improves website performance and user experience massively 🚀
@andreasmoller.dk from toddle demonstrates how to set up pagination using @supabase.com and @toddle.dev ✌️
Loading only a small portion of a large dataset at a time, improves website performance and user experience massively 🚀
How to add pagination to your web app
YouTube video by toddle
youtu.be
February 12, 2025 at 11:08 AM
How do you best implement pagination? 🤔
@andreasmoller.dk from toddle demonstrates how to set up pagination using @supabase.com and @toddle.dev ✌️
Loading only a small portion of a large dataset at a time, improves website performance and user experience massively 🚀
@andreasmoller.dk from toddle demonstrates how to set up pagination using @supabase.com and @toddle.dev ✌️
Loading only a small portion of a large dataset at a time, improves website performance and user experience massively 🚀