Miguel Costa
@mikejolz.bsky.social
Designing the way you interact with code at @nordcraft.com 🌲💻
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 🚀
Reposted by Miguel Costa
It can be tempting to take the easy route, but your customers can tell the difference.
If your product is going to stand out, make sure it stands out on quality!
You are THAT good. We’ve seen what you can do.
Get the results you deserve.
Try toddle.dev — Web Apps for Designers and Developers ✌️
If your product is going to stand out, make sure it stands out on quality!
You are THAT good. We’ve seen what you can do.
Get the results you deserve.
Try toddle.dev — Web Apps for Designers and Developers ✌️
February 10, 2025 at 2:06 PM
It can be tempting to take the easy route, but your customers can tell the difference.
If your product is going to stand out, make sure it stands out on quality!
You are THAT good. We’ve seen what you can do.
Get the results you deserve.
Try toddle.dev — Web Apps for Designers and Developers ✌️
If your product is going to stand out, make sure it stands out on quality!
You are THAT good. We’ve seen what you can do.
Get the results you deserve.
Try toddle.dev — Web Apps for Designers and Developers ✌️
Reposted by Miguel Costa
So, why is your app so slow? 🐌
Using the "Network" tab in DevTools, toddle.dev CEO @andreasmoller.dk shows you how to uncover what's causing the sluggishness ✌️
Using the "Network" tab in DevTools, toddle.dev CEO @andreasmoller.dk shows you how to uncover what's causing the sluggishness ✌️
Why your app is slow—debug with DevTools
YouTube video by toddle
youtu.be
January 23, 2025 at 9:12 AM
So, why is your app so slow? 🐌
Using the "Network" tab in DevTools, toddle.dev CEO @andreasmoller.dk shows you how to uncover what's causing the sluggishness ✌️
Using the "Network" tab in DevTools, toddle.dev CEO @andreasmoller.dk shows you how to uncover what's causing the sluggishness ✌️
Reposted by Miguel Costa
We've heard the same question over and over again...
It keeps surfacing all the time...
"Hey toddle, what's the best toddle package?" 🤷♀️
Previously, we weren't able to answer that question.
Until now! 🤯
Introducing the "Vince McMahon package" 🥳
Try it: vince_mcahon_provider.toddle.site
It keeps surfacing all the time...
"Hey toddle, what's the best toddle package?" 🤷♀️
Previously, we weren't able to answer that question.
Until now! 🤯
Introducing the "Vince McMahon package" 🥳
Try it: vince_mcahon_provider.toddle.site
January 22, 2025 at 8:12 AM
We've heard the same question over and over again...
It keeps surfacing all the time...
"Hey toddle, what's the best toddle package?" 🤷♀️
Previously, we weren't able to answer that question.
Until now! 🤯
Introducing the "Vince McMahon package" 🥳
Try it: vince_mcahon_provider.toddle.site
It keeps surfacing all the time...
"Hey toddle, what's the best toddle package?" 🤷♀️
Previously, we weren't able to answer that question.
Until now! 🤯
Introducing the "Vince McMahon package" 🥳
Try it: vince_mcahon_provider.toddle.site
Best way to start 2025 💪
Welcome to toddle Mikkel! 🤗
Mikkel Lehmann joins us as Senior Software Engineer with focus on Frontend Development and Design Systems.
Please give him a warm welcome! 🙌
2025 is off to a great start! 🚀
Mikkel Lehmann joins us as Senior Software Engineer with focus on Frontend Development and Design Systems.
Please give him a warm welcome! 🙌
2025 is off to a great start! 🚀
January 6, 2025 at 11:34 AM
Best way to start 2025 💪
Reposted by Miguel Costa
We have a winner! 🥳
Winner of Bad UI World Cup: Canada! 🇨🇦
Test the top 3 entries here:
🥇 fun_return_experience.toddle.site 🇨🇦
🥈 primazon_cancellation.toddle.site 🇺🇸
🥉 apexcharts384798264.toddle.site 🇨🇴
And all the other finalists: toddle.dev/badui
Rewatch the finals: youtube.com/live/XlUwRyt...
Winner of Bad UI World Cup: Canada! 🇨🇦
Test the top 3 entries here:
🥇 fun_return_experience.toddle.site 🇨🇦
🥈 primazon_cancellation.toddle.site 🇺🇸
🥉 apexcharts384798264.toddle.site 🇨🇴
And all the other finalists: toddle.dev/badui
Rewatch the finals: youtube.com/live/XlUwRyt...
December 19, 2024 at 9:11 AM
We have a winner! 🥳
Winner of Bad UI World Cup: Canada! 🇨🇦
Test the top 3 entries here:
🥇 fun_return_experience.toddle.site 🇨🇦
🥈 primazon_cancellation.toddle.site 🇺🇸
🥉 apexcharts384798264.toddle.site 🇨🇴
And all the other finalists: toddle.dev/badui
Rewatch the finals: youtube.com/live/XlUwRyt...
Winner of Bad UI World Cup: Canada! 🇨🇦
Test the top 3 entries here:
🥇 fun_return_experience.toddle.site 🇨🇦
🥈 primazon_cancellation.toddle.site 🇺🇸
🥉 apexcharts384798264.toddle.site 🇨🇴
And all the other finalists: toddle.dev/badui
Rewatch the finals: youtube.com/live/XlUwRyt...