Rane Faunder
@faunder.fi
Building products that make screen time meaningful
→ Faunder: faunder.fi
→ Cuukbuuk: cuukbuuk.com
→ Faunder UI: ui.faunder.fi
Finland · Europe · Internet
→ Faunder: faunder.fi
→ Cuukbuuk: cuukbuuk.com
→ Faunder UI: ui.faunder.fi
Finland · Europe · Internet
Pinned
Rane Faunder
@faunder.fi
· Nov 6
I’m a ~40-year-old designer/coder who’s been building for the web for almost 30 years. I made an exit with three of my own web services — and now I’m back, this time building in public. I’m creating apps that make life better beyond the screen, not to add more screen time. #webdev #buildinpublic
Some of my all-time favorites 👇
🎬 Movie: Pirates of Silicon Valley (1999)
📺 TV series: The Sopranos (1999–2007)
🎮 Game: Warcraft II (1995)
📘 Book: Aki Hintsa – The Core (Voittamisen anatomia) (2016)
Timeless classics that have shaped my taste and thinking. 💙
🎬 Movie: Pirates of Silicon Valley (1999)
📺 TV series: The Sopranos (1999–2007)
🎮 Game: Warcraft II (1995)
📘 Book: Aki Hintsa – The Core (Voittamisen anatomia) (2016)
Timeless classics that have shaped my taste and thinking. 💙
December 22, 2025 at 10:51 AM
Some of my all-time favorites 👇
🎬 Movie: Pirates of Silicon Valley (1999)
📺 TV series: The Sopranos (1999–2007)
🎮 Game: Warcraft II (1995)
📘 Book: Aki Hintsa – The Core (Voittamisen anatomia) (2016)
Timeless classics that have shaped my taste and thinking. 💙
🎬 Movie: Pirates of Silicon Valley (1999)
📺 TV series: The Sopranos (1999–2007)
🎮 Game: Warcraft II (1995)
📘 Book: Aki Hintsa – The Core (Voittamisen anatomia) (2016)
Timeless classics that have shaped my taste and thinking. 💙
Finding the right balance between AI and hands-on coding isn’t easy. For prototyping, “vibe” turns out to be a surprisingly effective signal — but maintainable code is a different game, and AI isn’t quite there yet.
#AI #Programming
#AI #Programming
December 22, 2025 at 8:37 AM
Finding the right balance between AI and hands-on coding isn’t easy. For prototyping, “vibe” turns out to be a surprisingly effective signal — but maintainable code is a different game, and AI isn’t quite there yet.
#AI #Programming
#AI #Programming
Reading Good Hackers (De goda hackarna / Hyvät hakkerit) and realized I’d been assuming Monty Widenius and @martenmickos.bsky.social were the same person. They’re not. One built the MySQL database, the other built the MySQL company. I built the wrong mental model. 😄
#GoodHackers #MySQL #opensource
#GoodHackers #MySQL #opensource
December 21, 2025 at 8:14 AM
Reading Good Hackers (De goda hackarna / Hyvät hakkerit) and realized I’d been assuming Monty Widenius and @martenmickos.bsky.social were the same person. They’re not. One built the MySQL database, the other built the MySQL company. I built the wrong mental model. 😄
#GoodHackers #MySQL #opensource
#GoodHackers #MySQL #opensource
Just shipped a Menu component for Faunder UI
Built with HTML popover API + CSS Anchor Positioning. The menu automatically flips position if it doesn't fit on screen.
✨ Features:
• Supports buttons, links, checkboxes
• Smart fallback positioning
• Pure CSS, zero JS
ui.faunder.fi/menu
Built with HTML popover API + CSS Anchor Positioning. The menu automatically flips position if it doesn't fit on screen.
✨ Features:
• Supports buttons, links, checkboxes
• Smart fallback positioning
• Pure CSS, zero JS
ui.faunder.fi/menu
December 20, 2025 at 9:06 PM
Just shipped a Menu component for Faunder UI
Built with HTML popover API + CSS Anchor Positioning. The menu automatically flips position if it doesn't fit on screen.
✨ Features:
• Supports buttons, links, checkboxes
• Smart fallback positioning
• Pure CSS, zero JS
ui.faunder.fi/menu
Built with HTML popover API + CSS Anchor Positioning. The menu automatically flips position if it doesn't fit on screen.
✨ Features:
• Supports buttons, links, checkboxes
• Smart fallback positioning
• Pure CSS, zero JS
ui.faunder.fi/menu
Reposted by Rane Faunder
Soooo gooood
Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!
webkit.org/blog/17660/i...
webkit.org/blog/17660/i...
Introducing CSS Grid Lanes
It’s here!
webkit.org
December 20, 2025 at 1:07 AM
Soooo gooood
New Switch component in Faunder UI!
Works with checkboxes and radio buttons, but displays as a modern toggle switch. Simple usage:
ui.faunder.fi/switches
#webdev #css #uidesign
Works with checkboxes and radio buttons, but displays as a modern toggle switch. Simple usage:
ui.faunder.fi/switches
#webdev #css #uidesign
December 18, 2025 at 4:43 PM
New Switch component in Faunder UI!
Works with checkboxes and radio buttons, but displays as a modern toggle switch. Simple usage:
ui.faunder.fi/switches
#webdev #css #uidesign
Works with checkboxes and radio buttons, but displays as a modern toggle switch. Simple usage:
ui.faunder.fi/switches
#webdev #css #uidesign
Reposted by Rane Faunder
A few months ago, I said something about AI using the legacy color syntax, and it turns out *a lot* of people still use it too.
That inspired two articles on @piccalil.li, and now this video as well.
youtu.be/Uynb7Ci8JMg
(articles: piccalil.li/blog/a-pragm... & piccalil.li/blog/a-pragm...)
That inspired two articles on @piccalil.li, and now this video as well.
youtu.be/Uynb7Ci8JMg
(articles: piccalil.li/blog/a-pragm... & piccalil.li/blog/a-pragm...)
Stop using the legacy color syntax
YouTube video by Kevin Powell
youtu.be
December 17, 2025 at 3:44 PM
A few months ago, I said something about AI using the legacy color syntax, and it turns out *a lot* of people still use it too.
That inspired two articles on @piccalil.li, and now this video as well.
youtu.be/Uynb7Ci8JMg
(articles: piccalil.li/blog/a-pragm... & piccalil.li/blog/a-pragm...)
That inspired two articles on @piccalil.li, and now this video as well.
youtu.be/Uynb7Ci8JMg
(articles: piccalil.li/blog/a-pragm... & piccalil.li/blog/a-pragm...)
Updated Faunder UI colors to use relative color syntax! 🎨
Now you can easily:
✨ Adjust opacity: oklch(from var(--brand-500) l c h / 50%)
✨ Tweak chroma/lightness/hue on the fly
Modern CSS is pretty cool! 😊
ui.faunder.fi/colors
#css #webdesign
Now you can easily:
✨ Adjust opacity: oklch(from var(--brand-500) l c h / 50%)
✨ Tweak chroma/lightness/hue on the fly
Modern CSS is pretty cool! 😊
ui.faunder.fi/colors
#css #webdesign
Faunder UI - Documentation
ui.faunder.fi
December 17, 2025 at 5:48 PM
Updated Faunder UI colors to use relative color syntax! 🎨
Now you can easily:
✨ Adjust opacity: oklch(from var(--brand-500) l c h / 50%)
✨ Tweak chroma/lightness/hue on the fly
Modern CSS is pretty cool! 😊
ui.faunder.fi/colors
#css #webdesign
Now you can easily:
✨ Adjust opacity: oklch(from var(--brand-500) l c h / 50%)
✨ Tweak chroma/lightness/hue on the fly
Modern CSS is pretty cool! 😊
ui.faunder.fi/colors
#css #webdesign
Every component page now has a "Customize" button where you can download the component's CSS file and get setup instructions.
If you want to customize a specific component, download its CSS file and replace it with your own version. This way you can tailor components to your needs.
ui.faunder.fi
If you want to customize a specific component, download its CSS file and replace it with your own version. This way you can tailor components to your needs.
ui.faunder.fi
Faunder UI - Documentation
ui.faunder.fi
December 16, 2025 at 4:22 PM
Every component page now has a "Customize" button where you can download the component's CSS file and get setup instructions.
If you want to customize a specific component, download its CSS file and replace it with your own version. This way you can tailor components to your needs.
ui.faunder.fi
If you want to customize a specific component, download its CSS file and replace it with your own version. This way you can tailor components to your needs.
ui.faunder.fi
Every component page now has a "Customize" button where you can download the component's CSS file and get setup instructions.
If you want to customize a specific component, download its CSS file and replace it with your own version. This way you can tailor components to your needs.
ui.faunder.fi
If you want to customize a specific component, download its CSS file and replace it with your own version. This way you can tailor components to your needs.
ui.faunder.fi
faunder-ui.com
December 16, 2025 at 4:22 PM
Every component page now has a "Customize" button where you can download the component's CSS file and get setup instructions.
If you want to customize a specific component, download its CSS file and replace it with your own version. This way you can tailor components to your needs.
ui.faunder.fi
If you want to customize a specific component, download its CSS file and replace it with your own version. This way you can tailor components to your needs.
ui.faunder.fi
Faunder UI updated! 🎨
All components reviewed and documented. Themes removed for now - focusing on making the default theme solid first.
A simpler, cleaner foundation you can build anything on top of.
ui.faunder.fi
#CSS #WebDesign #UI
All components reviewed and documented. Themes removed for now - focusing on making the default theme solid first.
A simpler, cleaner foundation you can build anything on top of.
ui.faunder.fi
#CSS #WebDesign #UI
December 14, 2025 at 9:54 PM
Faunder UI updated! 🎨
All components reviewed and documented. Themes removed for now - focusing on making the default theme solid first.
A simpler, cleaner foundation you can build anything on top of.
ui.faunder.fi
#CSS #WebDesign #UI
All components reviewed and documented. Themes removed for now - focusing on making the default theme solid first.
A simpler, cleaner foundation you can build anything on top of.
ui.faunder.fi
#CSS #WebDesign #UI
Why isn’t a “screen-case” like this a thing? I want an ATX case with a 27” side display and built-in speakers. Perfect for saving desk space and for LANs — PC and monitor in one. Sell it as an empty case and let us add our own parts. I’d buy this instantly.
Image made with AI.
#pcbuild #gaming
Image made with AI.
#pcbuild #gaming
December 3, 2025 at 1:06 PM
Working on Faunder UI — a lightweight CSS foundation system that styles HTML elements automatically.
Today I built the button group component. You can group buttons together and style them as a connected unit. Variants and sizes work just like individual buttons.
Simple, flexible, and themable.
Today I built the button group component. You can group buttons together and style them as a connected unit. Variants and sizes work just like individual buttons.
Simple, flexible, and themable.
November 30, 2025 at 9:04 PM
Working on Faunder UI — a lightweight CSS foundation system that styles HTML elements automatically.
Today I built the button group component. You can group buttons together and style them as a connected unit. Variants and sizes work just like individual buttons.
Simple, flexible, and themable.
Today I built the button group component. You can group buttons together and style them as a connected unit. Variants and sizes work just like individual buttons.
Simple, flexible, and themable.
🍤🍜 Made today using a Cuukbuuk recipe: shrimp & egg noodles with pan-seared broccoli. Simple and surprisingly delicious. 😌
cuukbuuk.com/en/recipes/1...
#lunch #homecooking #noodles #shrimp #foodstagram #cookingtoday #quickmeals #comfortfood
cuukbuuk.com/en/recipes/1...
#lunch #homecooking #noodles #shrimp #foodstagram #cookingtoday #quickmeals #comfortfood
Shrimp and Egg Noodles with Pan-Seared Broccoli
A quick and easy stir-fry that combines succulent shrimp, eggs, and tender noodles with pan-seared broccoli. Modified without bell peppers, ginger, and sesame oil.
cuukbuuk.com
November 25, 2025 at 3:54 PM
🍤🍜 Made today using a Cuukbuuk recipe: shrimp & egg noodles with pan-seared broccoli. Simple and surprisingly delicious. 😌
cuukbuuk.com/en/recipes/1...
#lunch #homecooking #noodles #shrimp #foodstagram #cookingtoday #quickmeals #comfortfood
cuukbuuk.com/en/recipes/1...
#lunch #homecooking #noodles #shrimp #foodstagram #cookingtoday #quickmeals #comfortfood
I just added a bookmark feature to Cuukbuuk. Now you can save your favorite recipes by bookmarking them - just click the bookmark icon and it's saved.
cuukbuuk.com
#Cooking #Recipes #HomeCooking
cuukbuuk.com
#Cooking #Recipes #HomeCooking
November 25, 2025 at 12:55 PM
I just added a bookmark feature to Cuukbuuk. Now you can save your favorite recipes by bookmarking them - just click the bookmark icon and it's saved.
cuukbuuk.com
#Cooking #Recipes #HomeCooking
cuukbuuk.com
#Cooking #Recipes #HomeCooking
Got my new handle: @faunder.fi
And yes, I’m Finnish 🇫🇮
And yes, I’m Finnish 🇫🇮
November 24, 2025 at 6:38 AM
Got my new handle: @faunder.fi
And yes, I’m Finnish 🇫🇮
And yes, I’m Finnish 🇫🇮
Stack update:
– @typescriptlang.org everywhere
– @bun.sh as the runtime — loving the simplicity
– @preactjs.com + preact-iso for a tiny, fast, SSR-friendly UI
– SQLite keeps the data layer straightforward
#TypeScript #Bun #Preact #SQLite #WebDev #IndieDev #FullStack #JavaScript #Frontend #Backend
– @typescriptlang.org everywhere
– @bun.sh as the runtime — loving the simplicity
– @preactjs.com + preact-iso for a tiny, fast, SSR-friendly UI
– SQLite keeps the data layer straightforward
#TypeScript #Bun #Preact #SQLite #WebDev #IndieDev #FullStack #JavaScript #Frontend #Backend
November 24, 2025 at 6:07 AM
Stack update:
– @typescriptlang.org everywhere
– @bun.sh as the runtime — loving the simplicity
– @preactjs.com + preact-iso for a tiny, fast, SSR-friendly UI
– SQLite keeps the data layer straightforward
#TypeScript #Bun #Preact #SQLite #WebDev #IndieDev #FullStack #JavaScript #Frontend #Backend
– @typescriptlang.org everywhere
– @bun.sh as the runtime — loving the simplicity
– @preactjs.com + preact-iso for a tiny, fast, SSR-friendly UI
– SQLite keeps the data layer straightforward
#TypeScript #Bun #Preact #SQLite #WebDev #IndieDev #FullStack #JavaScript #Frontend #Backend
The difference this time? I'm not trying to build the next big thing. I'm just building things I'd want to use. If others find them useful, great. If not, I still have something that makes my life a bit better.
#buildinpublic #indieweb #webdev #solopreneur
#buildinpublic #indieweb #webdev #solopreneur
November 23, 2025 at 4:39 PM
The difference this time? I'm not trying to build the next big thing. I'm just building things I'd want to use. If others find them useful, great. If not, I still have something that makes my life a bit better.
#buildinpublic #indieweb #webdev #solopreneur
#buildinpublic #indieweb #webdev #solopreneur
Cuukbuuk now has a new feature: when I add a recipe to favorites, it automatically generates an AI image of the recipe in the background. No need to search for images or take photos myself - the images are created automatically based on the recipe.
cuukbuuk.com
cuukbuuk.com
November 23, 2025 at 4:20 PM
Cuukbuuk now has a new feature: when I add a recipe to favorites, it automatically generates an AI image of the recipe in the background. No need to search for images or take photos myself - the images are created automatically based on the recipe.
cuukbuuk.com
cuukbuuk.com
🇳🇱 Dutch is now live on Cuukbuuk!
A big part of our users come from the Netherlands and Belgium — thank you for the love! 💙
You can now use Cuukbuuk fully in Dutch at 👉 cuukbuuk.com/nl/
Welkom bij Cuukbuuk! 🇳🇱
#Cuukbuuk #Localization #Dutch #AppUpdate #Dankjewel
A big part of our users come from the Netherlands and Belgium — thank you for the love! 💙
You can now use Cuukbuuk fully in Dutch at 👉 cuukbuuk.com/nl/
Welkom bij Cuukbuuk! 🇳🇱
#Cuukbuuk #Localization #Dutch #AppUpdate #Dankjewel
Cuukbuuk
Create amazing meals from whatever you have in your kitchen. AI-powered recipe generator that turns your ingredients into delicious dishes. No more food waste.
https://cuukbuuk.com/nl/
November 6, 2025 at 5:22 PM
🇳🇱 Dutch is now live on Cuukbuuk!
A big part of our users come from the Netherlands and Belgium — thank you for the love! 💙
You can now use Cuukbuuk fully in Dutch at 👉 cuukbuuk.com/nl/
Welkom bij Cuukbuuk! 🇳🇱
#Cuukbuuk #Localization #Dutch #AppUpdate #Dankjewel
A big part of our users come from the Netherlands and Belgium — thank you for the love! 💙
You can now use Cuukbuuk fully in Dutch at 👉 cuukbuuk.com/nl/
Welkom bij Cuukbuuk! 🇳🇱
#Cuukbuuk #Localization #Dutch #AppUpdate #Dankjewel
I’m a ~40-year-old designer/coder who’s been building for the web for almost 30 years. I made an exit with three of my own web services — and now I’m back, this time building in public. I’m creating apps that make life better beyond the screen, not to add more screen time. #webdev #buildinpublic
November 6, 2025 at 8:09 AM
I’m a ~40-year-old designer/coder who’s been building for the web for almost 30 years. I made an exit with three of my own web services — and now I’m back, this time building in public. I’m creating apps that make life better beyond the screen, not to add more screen time. #webdev #buildinpublic
I’m now on Instagram — @ranefaunder
Come follow my journey as I build a new startup from scratch.
Let’s connect and grow together 🚀 #buildinpublic instagram.com/ranefaunder
Come follow my journey as I build a new startup from scratch.
Let’s connect and grow together 🚀 #buildinpublic instagram.com/ranefaunder
November 5, 2025 at 9:40 PM
I’m now on Instagram — @ranefaunder
Come follow my journey as I build a new startup from scratch.
Let’s connect and grow together 🚀 #buildinpublic instagram.com/ranefaunder
Come follow my journey as I build a new startup from scratch.
Let’s connect and grow together 🚀 #buildinpublic instagram.com/ranefaunder
✨ New design just dropped!
Cuukbuuk has a fresh new look and an even smoother user experience.
Check it out 👉 https://cuukbuuk.com#Cuukbuuku#DesignUpdatet#AppDesigng#UXUX
Cuukbuuk has a fresh new look and an even smoother user experience.
Check it out 👉 https://cuukbuuk.com#Cuukbuuku#DesignUpdatet#AppDesigng#UXUX
November 2, 2025 at 11:20 PM
✨ New design just dropped!
Cuukbuuk has a fresh new look and an even smoother user experience.
Check it out 👉 https://cuukbuuk.com#Cuukbuuku#DesignUpdatet#AppDesigng#UXUX
Cuukbuuk has a fresh new look and an even smoother user experience.
Check it out 👉 https://cuukbuuk.com#Cuukbuuku#DesignUpdatet#AppDesigng#UXUX