when aligning icons with text, you can set the height to 1lh
it equals the element's line-height, so icons align perfectly
00:00
Ibelick
925 posts
Ibelick
@Ibelick
design engineer interfaceoffice.com
- corner-shape: squircle; available in chrome for now used it recently on my site, no more clip-path or svg needed to achieve it
- just discovered that you can use `scrollbar-gutter: stable;` to prevent layout shifts when scrollbars appear
00:00 - use overscroll-behavior: contain when you don't want the page to scroll past the scrollable area
00:00 - Introducing zola a free, open-source, multi-model AI chat app. quick demo
00:00 - Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.
00:00 - trying to reproduce this effect with css 😳
00:00
00:35Fractal glass in Figma! ✨🤌 rudio.98 Have you folks come across websites which have this effect? - its out! +50 Tailwind CSS buttons ready for use: free, no js, easy to integrate with a simple copy-paste This will be my evolving collection, I will add new styles and micro-interactions soon. Feel free to star the GitHub repo for updates
00:00
00:19Working on a Tailwind CSS button collection diverse styles, micro-interaction or not, I will try to provide a lots of choices Hope to share it this week! - Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!
00:00 - primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.
00:00 - Loader for prompt-kit. spins, blinks, dots, text shimmer and more.
00:00
