Rane Faunder

We’ve got a new website! Faunder.fi brings our apps and projects together in one place. Come take a look: faunder.fi

I’ve been thinking about how a team uses an app together. In Abblet, the owner can invite teammates, who each sign in with their own account. It’s a straightforward way to share an app while keeping access under the owner’s control. abblet.com #SmallBusiness #NoCode

Faunder UI has a few button styles for different levels of emphasis, from primary to inline. It’s a small detail, but it helps keep buttons consistent across an interface. ui.faunder.fi #CSS #WebDev

A recipe you want to keep might be in a magazine, a book or on a website. Take a photo of it, and Cuukbuuk can turn it into an editable recipe you can save to your collection. cuukbuuk.com #HomeCooking #Recipes

I’ve been revising Abblet’s site to answer a simple question more clearly: what is Abblet? It’s a way to build an app for your team and keep adapting it as your work changes, without writing code. Does that come across on the new page? I’d like to hear what feels unclear. abblet.com #NoCode

I wanted to add more affordable IKEA devices without replacing the Hue lights that already worked well. Home Assistant brought them together, and IKEA switches can control the Hue lights too. I wrote down how I set it up: faunder.fi/en/weblog/sm... #HomeAssistant #SmartHome

Abblet apps don’t have to sit on a page of their own. I added an embed snippet to the app settings, so you can place an app inside an intranet, admin panel, or another site. Its access settings still apply. abblet.com/en/ #WebApps #NoCode

One thing I like about Faunder UI is that its `ui-*` attributes are just HTML styled with CSS. There’s no component runtime or JavaScript parser to learn. The markup stays native, and you can use it with any framework—or without one. ui.faunder.fi #CSS #WebDev

Sometimes a recipe only needs one small change. In Cuukbuuk, I can ask the AI to adjust that part and keep the rest as it is. No need to rewrite the whole recipe. cuukbuuk.com #HomeCooking #Recipes

I’ve updated the AI models Cuukbuuk uses for recipe creation. Signed-in users now get GPT‑6.1 Sol, while guests use GPT‑6 Luna. I’ll be interested to see how the change feels in everyday use. cuukbuuk.com #HomeCooking #Recipes

I keep coming back to this homemade burger: a thin patty with a deeply browned crust, cheddar, dill pickles, ketchup, mustard and pickle mayo. Nothing fancy; the tangy sauces and crisp edges are what I like about it. cuukbuuk.com/en/recipe/52... #HomeCooking

Faunder UI’s dialog example uses HTML’s native `<dialog>` element. The library adds the visual styling, while the markup stays familiar. I like that the dialog feels part of the same interface without hiding what it is under the hood. ui.faunder.fi #CSS

Some days, deciding what to cook is the hard part. Starting with a few things in the fridge can be more useful than searching for a recipe that needs ingredients you don’t have. That’s one idea behind Cuukbuuk. cuukbuuk.com/en/ #Cuukbuuk

Faunder UI has its first dark mode. Here’s the Button Types section in preview and code view. ui.faunder.fi #FaunderUI #CSS

Four years ago, I was sketching out a minimalist weblog. I saved the idea and eventually forgot about it. Now, while building Faunder’s new homepage, I finally found the right place for it. Funny how an old idea can wait for the right moment. faunder.fi/fi/weblog #BuildInPublic #WebDesign #Faunder

In English: faunder.fi/en/weblog

abblet.comAbblet — Build the right apps for your team.Custom apps for small teams that run the business. For work that is too complex for spreadsheets, too specific for generic SaaS, and too small for traditional custom software.

Small teams often outgrow generic SaaS, but custom software can be a big leap. Abblet helps you turn everyday workflows into internal tools you can keep adapting as your needs change. Explore Abblet: abblet.com Follow @ranefaunder for more from Faunder. #SmallBusiness #NoCode

New in Faunder UI: `ui-tabs` styles a native radio group as a tab bar. Keep the semantics of <fieldset> and radio inputs; your app controls the content panels. No JavaScript needed for the tab bar styling. See examples: ui.faunder.fi/tabs

7 Sept

Describe a quote calculator. Then change it in chat. abblet.com

25 Aug

Abblet.com - Build the tool your work is missing. #buildinpublic

25 Aug

I think I finally figured out what Abblet.com is. Not an app store. Not a marketplace. It’s a place to make the tiny apps you wish existed — apps made specifically for you. Describe what you need. Abblet builds it. Build your own tools. Use them every day. Share them if you want. #NoCode #AI

remiix.appRemiix — Remix any app, or make your own.Remiix is an app store where apps are not fixed products. Start with an app someone has already made and adapt it to your needs with a prompt, or turn your own idea into a new app from scratch. Instea...

5 Aug

I’m looking for the first people to try Remiix. It’s an experimental App Store where every app can be remixed into your own version with AI. It’s still early, so expect rough edges. In return, you’ll have a chance to shape what it becomes. I’d love your feedback. remiix.app #buildinpublic #AI

4 Aug

The App Store hasn’t really changed in years. You download apps. You use them. That’s it. What if every app could be remixed into your own version? That’s what I’m building with Remiix. remiix.app #buildinpublic #AppStore #NoCode

faunder.fiRane Faunder — Senior Product EngineerI build digital products from idea to production. Over 20 years in frontend and full stack — practical experience with AI in development and products since 2022.

12 June

New site is live → faunder.fi Senior Product Engineer & UX. I build digital products from idea to production — frontend, full stack, practical AI since 2022. Projects, brand work, writing, and contact details on the site. Take a look.

4 May

Overripe bananas? Make this 🍌🔥 Soft, moist banana bread—too good. cuukbuuk.com/en/recipe/73... #bake

cuukbuuk.comSpicy Wing SauceThis rich and spicy sauce is specifically designed to accompany chicken wings. It combines sweetness, heat, and acidity to create a traditional wing sauce flavor enhanced with fresh ingredients.

25 Apr

#wingsauce #sauce

cuukbuuk.comEgg fried riceThis comforting and savory dish features golden grains of rice tossed with scrambled eggs and aromatic onions. It is a versatile meal that works perfectly as a quick lunch or a satisfying dinner side.

17 Apr

Real prompt I ran while building: rice, eggs, soy sauce, onion — Cuukbuuk returned a full recipe. I use my own product to see where it lies. If you try something similar, I want to hear what went wrong. cuukbuuk.com/en/recipe/22... #recipes #pantry #cooking

cuukbuuk.comCuukbuuk - Recipes with the help of AIGenerate delicious recipes with AI. Create, customize, and share your saved recipes.

17 Apr

Honest context: I built this for myself first — weeknight cooking without opening fifteen tabs. Cuukbuuk is that experiment shipped as a site. If you try it, I’m curious whether it actually saves you time or not. cuukbuuk.com #weeknightdinner #recipes #homecooking

cuukbuuk.comCuukbuuk - Recipes with the help of AIGenerate delicious recipes with AI. Create, customize, and share your saved recipes.

16 Apr

Small site: you describe the situation (e.g. “eggs, cheese, some veg”) and get one full recipe suggestion. cuukbuuk.com — curious if it works for you. #recipes #cooking #buildinpublic

14 Apr

Cuukbuuk.com is now behind a CDN: styles, fonts, and images load from the edge, not the app server—and the site feels noticeably snappier. Thanks @bunny.net — good pricing, simple dashboard. Recommended.

5 Apr

Spent the past week cleaning up a partially AI-generated codebase — and yeah, you can tell 😅 The code works exactly as it should, but it’s spaghetti. Not exactly elegant or simple, even if it gets the job done. AI builds fast — clean code still needs a human.

25 Mar

New filtering system in Cuukbook 🔍 Find recipes by meal, protein, carbs, or diet — faster and simpler. cuukbuuk.com/en/recipes

6 Mar

You open the fridge. You have ingredients… but no idea what to cook. Describe what you have and craft your own recipe with the help of AI. cuukbuuk.com #homecooking #recipes #cooking #food

10 Feb

Added recipe-from-image to Cuukbuuk. Upload a photo of a dish or old recipe book page and the AI turns it into a full recipe. You can use just the image or add your own description. Cuukbuuk.com #buildinpublic #cooking #food #recipe

9 Feb

Added manual recipe editing to Cuukbuuki. Now you can just tweak the recipe details yourself instead of always asking the AI to do it. The AI still checks your changes and automatically updates things like the instructions if you modify the ingredients, so everything stays consistent. Cuukbuuk.com

cuukbuuk.comDelicious WafflesAn easy and quick waffle batter that is suitable for sweet treats as well as savory fillings. These waffles are perfect for breakfast, brunch, or as a snack.

9 Feb

Got OG images working properly in Cuukbuuki 🎉 Now when you share a recipe link on Bluesky (or anywhere else), the preview actually shows the food photo instead of just a boring plain link. Small change, but it makes sharing feel way nicer. cuukbuuk.com/en/recipe/91...

5 Feb

I redesigned the entire Cuukbuuk app. The update is largely built on clean Faunder UI. The goal was less clutter and more clarity. cuukbuuk.com ui.faunder.fi #uidesign #frontend #css #faunderui

qwant.comQwantFast, reliable answers and still in trust: Qwant does not store your search data, does not sell your personal data and is hosted in Europe.

31 Jan

Qwant is quickly becoming my favorite search engine. Qwant’s UI is clean and beautiful — and the search results don’t feel like a shopping mall. Honestly refreshing after Google. Qwant.com

#FaunderUI changelog: ui-accordion: Added animations (open/close, content height and opacity) and support for custom summary icons. ui.faunder.fi/accordion

nerdy.devOpen & Close Transitions with <details> · September 25, 2024Your boilerplate starting place for <details> transitions

Thanks Adam Argyle (@nerdy.dev) for the animated details/summary approach — I found what I think is the cleanest way to do it on your blog and used it in Faunder UI’s ui-accordion. nerdy.dev/open-and-clo...

#FaunderUI changelog: ui-icon: Besides mask icon, now supports svg, img, and content (span). Same sizing and styling: <i ui-icon>, <svg ui-icon>, <img ui-icon>, <span ui-icon>emoji</span>. Size via --ui-icon-size or ui-icon="sm"/"lg". ui.faunder.fi/icon

ui.faunder.fiFaunder UI - Documentation

#FaunderUI changelog: Layout helpers: ui-column, ui-row, and ui-margin keep layouts consistent (same xs–6xl scale) and make structure easier. Example: ui-column="gap-lg x-center", ui-row="wrap gap-md", ui-margin="top-lg". ui.faunder.fi/row ui.faunder.fi/column ui.faunder.fi/margin

#FaunderUI changelog: No more separate ui-card-link element inside ui-card — ui-card works directly on <a>. The card can be the link: <a ui-card href="#">...</a>. ui.faunder.fi/card

#FaunderUI changelog: Components no longer use class names - each has its own ui-x attribute (e.g. ui-button, ui-container). Variants and utilities are easier to manage, and your own styles won’t clash. Example: <button ui-button="primary lg">. ui.faunder.fi

24 Jan

Just added a new Field component to Faunder UI ✨ Labels, inputs, hints, errors — all nicely aligned and consistent by default. Forms shouldn’t be the hardest part of UI. ui.faunder.fi/field

23 Jan

Changelog ✨ – New feature: Custom Instructions for the AI – Design update: Book covers added cuukbuuk.com

22 Jan

New feature: Cookbooks Removed favorites and replaced them with cookbooks. You can create multiple recipe collections for different purposes. Examples: - Diets (vegan, gluten-free) - Events (Christmas, BBQ) - Family members (kids' recipes) - Meals (breakfasts, dinners) cuukbuuk.com

20 Jan

Just shipped a new Cuukbuuk UI. Honestly really proud of this — it’s getting close to what I want Cuukbuuk to be. Simple, calm, and easy to use.