These are the kind of primitives not every Gleam dev needs to reimplement. It's done once and done well. Future proof
Shared in #gleamlang discord. This is super good for understanding the mindset on Gleam on how to organize business logic escherize.com/gleam-katas/
The idea is that the icon used in your app only imports that SVG like in React. Also to be able to have auto complete of the full set of icons
Just this block and no fancy animation if user prefer that way
It's this a Next.js app selector using shadcn? Nooo it #gleamlang coded in Gleam with modern CSS animation and popover api. Keyboard navigation
Developing a shadcn-like in #gleamlang and using modern CSS you get for free things like prefer reduce motion with just a sprinkle of CSS
Here first shadcn tooltip does not honor prefer-reduce-motion on user's preference. Easy enough to achieve
Adding heroicons.com also from the Tailwind crew
Icons baby! I keep following shadcn philosophy for #gleamlang so I made the component library independent of the icon library. shadcn supports 5 icon sets. Now we support only 2
Lucide: lucide.dev/icons/
Tabler: tabler.io/icons
👇 more bellow
Video
Andrés
Andrés
Andrés
Andrés
Andrés
Andrés
Andrés
Andrés
Andrés
Video
Video
Video
A 10-kata progression that teaches idiomatic Gleam through DDD’s vocabulary.