It is optional to get 20% discount by default. So the credit is basically used toward the sticker orders anyways. It's best if someone prefer to do a monthly allowance (for their kids).

My teenage son is starting to get very interested in AI coding with Replit, Lovable then Claude. He started to design stickers using Gemini for our preschool daughter. Recently he puts together some mockup and I helped him through the finish line with backend APIs and other integration with Stripe, Supabase, etc..

The idea is simple: anyone can sign up for a free account to generate AI stickers, then order the print and round/square/kiss/die cut sheet for the exact sticker image.

Happy to get any thought or DM me for security issues (would appreciate it).

Not sure if anyone recalls Famo.us which used to focus on web animation and make it programmable although they don't have the client app like Haiku. However, their claim was that they "cracked" the web animation performance. Well it didn't work for them (basic performance test would tell otherwise - duh!). Why is Haiku able to achieve such awesome performance on the web like this for animation? I also saw Greensock and they did a very good job as well. I am curious on what's the secret sauce here and whether there is any performance comparison (sorry for loaded questions there).

I'm not with Haiku but I'm working on something similar, so I'll chip in with my 2 cents here.

To get good performance out of interactive web animations, you need the code that handles input to be in a really tight loop with the value that's eventually painted to the screen. The CSS Animations API really destroyed interactive design on the web for a long time. The reason is that they were fully declarative and had very few hooks for interacting with JS code, it's difficult or sometimes impossible to do things like chain/interrupt/restart them. Developers could work around that with hacks like using the style property on a div to override the animation classes when being interacted with, and then relying on the animations defined in classes for everything else. I've tried to write code like this, it's brittle across platforms and very hard to maintain. In addition, the global flat document structure of HTML makes it very hard to ensure that other code doesn't interfere with yours. My point is, you can't write a good animations editor for the old web because it just wasn't possible to do them well enough using the old API's.

Newer API's (CSS Variables, Web Animations, CSS Flex Box) and better component abstractions (React / Web Components) make it a lot easier to do something like Haiku. My tool just takes an intermediate JSON structure and generates React or Web components. The animations for React are handled by React Natives Animated library, and the Web Animations API for Web Components. Flexbox + CSS Transforms are leaned on for keeping the structure or the generated components consistent. Generating performant animations on the web really isn't that hard anymore.

The really hard part is defining a common set of API boundaries to make the generated components reusable and composable. Doing this is complicated because of the lack of proper module loader in JS, its dynamic types don't help either.

From the video it looks like Haiku is using a library from AirBnB called Lottie to handle the animations. Then they turn around and wrap that in a React component + others forthcoming. I wish I'd known about Lottie before starting my project, it probably would have saved time. I'm not sure that Haiku can pull of component re-usability with Lottie though, depending on how much of a black box it is, good luck to them on that front.

The first half of this is spot on (the flaws of declarative CSS for interactions) — your last paragraph has some mistakes about Haiku, though.

> From the video it looks like Haiku is using a library from AirBnB called Lottie to handle the animations. Then they turn around and wrap that in a React component + others forthcoming.

For the Web, Haiku Core is our renderer. We don't use lottie-web; we use Lottie only to export Haiku Core for rendering on iOS and Android.

Haiku Core uses "the fastest parts" of SVG + CSS + JavaScript to render its animations. Nothing magical here, it's just using web standards, though it was important for us to build around SVG+DOM instead of canvas so that you can still use the Web for what it's best at: rendering documents.

Haiku Core is a component format explicitly defined for reusability — and hackability. Haiku components for the Web aren't 'generated' or 'exported'; the design source file is the code source file. And due to the way that Haiku handles state (strictly internally) and data flow (strictly message-passing,) they work in any codebase, as polite and predictable guests.

EDIT: P.S. tuchsen, I'd love to chat with you some more. Can you email me zack@haiku.ai ?

Hey sorry for misrepresenting your architecture, I did start with the caveat that I'm not with you guys though :). I shot you a couple of emails.

Depending on how sophisticated your prototypes are (or something I can google and do myself), there are definitely values. But you need to share more info for me to advise. I do look for HW prototyping services sometime but it'd require someone who knows specialized fields (fluid physics). You should start to test by doing a bunch of videos to post of social media and see what kind of responses there are.

Ive been getting rewards and media attention for the last 8 years or so. Which leads to work for hire. But im trying to figure out if zi can monetize with a digital product, in order to spend more time building prototypes which by themselves become marketing. The question is... th thing im marketing... could it be something else than work for hire?

Perhaps an alternative approach would be to productive some of your prototypes. For example, have you made a cool exhibit for a children’s museum? If so can you make it generic for all children museums?

I think that a great children's museum exhibit would be really interactive and engaging. So if there's an exciting exhibit, I'd think there would be interest in smaller educational projects the kids and their parents could put together. So the OP could also offer to design related educational toys that the museum could sell in their shop, or the OP could sell on his site. At the very least, he could have free instructional videos on his site related to his educational exhibits.

Good idea to make a related product to sell in the museum shop.

One of your products / prototypes must really take off to put your lab into a different light (and league) imho. What kind of digital product were you thinking of? A Youtube channel is more than enough and the most direct way these days but you still need a clear hook aka hit to emerge from the unknown maybe?

So basically nobody has dumb question and it's just me???

I want to see an "open models" community where trained models have been validated with high accuracy that anyone can use and share.

I am curious to see any success story on HARO as well. I tried it on and off for ONE YEAR like the author but I was being very picky. I got just a few responses and none turned into anything material enough to justify for time waste.

How did you end up using this vs. some of the obvious ones like React Bootstrap or Semantic UI React?

I am trying to move away from Waterline. Plus my idea is React, not React Native.

Washington wildlife and forest protection is dead serious. I mean they invested a ton to enforce the rules and make sure people doing wrong things got punished. I, one time, got a $150 ticket just because I was a bit curious and dug into the sand for some geoduck.

That's what should've happened ; a fine.

I agree, a fine would be perfectly acceptable. Jail, however, is ridiculous.