Ibelick's banner

Ibelick

@Ibelick • 11,228 subscribers

design engineer

Shorts

introducing mesurer a tiny tool to measure spacing and align your UI on localhost npm i mesurer

introducing mesurer a tiny tool to measure spacing and align your UI on localhost npm i mesurer

229,138 просмотров

when aligning icons with text, you can set the height to 1lh it equals the element's line-height, so icons align perfectly

when aligning icons with text, you can set the height to 1lh it equals the element's line-height, so icons align perfectly

270,820 просмотров

magnetic morph exploration

magnetic morph exploration

107,013 просмотров

select any word to explore better options and see next-token probabilities

select any word to explore better options and see next-token probabilities

65,863 просмотров

just updated ui-skills: It's now a collection of the best skills for design engineering

just updated ui-skills: It's now a collection of the best skills for design engineering

67,332 просмотров

like everyone, I've been using openclaw recently, but managing sessions through chat apps can get messy fast. so I built webclaw, a fast, local-first, open-source web client for openclaw. multi-sessions, no accounts, no db.

like everyone, I've been using openclaw recently, but managing sessions through chat apps can get messy fast. so I built webclaw, a fast, local-first, open-source web client for openclaw. multi-sessions, no accounts, no db.

78,423 просмотров

mesurer is now also available as an extension you can check measurements and alignment on any site

mesurer is now also available as an extension you can check measurements and alignment on any site

30,500 просмотров

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!

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!

104,121 просмотров

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

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

131,343 просмотров

timeline layout explorations

timeline layout explorations

37,454 просмотров

interactive SVG exploration for QuiverAI

interactive SVG exploration for QuiverAI

25,390 просмотров

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

Introducing Motion-Primitives: a collection of reusable animated components built with Framer Motion and Tailwind CSS.

88,945 просмотров

change one word and the model regenerates everything that follows

change one word and the model regenerates everything that follows

11,087 просмотров

AI Glossary is now live. built to explain the core concepts behind artificial intelligence, with visual and interactive examples

AI Glossary is now live. built to explain the core concepts behind artificial intelligence, with visual and interactive examples

14,881 просмотров

Just added In View component to motion-primitives. Easily trigger animations when elements are in the viewport

Just added In View component to motion-primitives. Easily trigger animations when elements are in the viewport

10,365 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

61,422 просмотров • 1 месяц назад

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

118,790 просмотров • 11 месяцев назад

Introducing zola a free, open-source, multi-model AI chat app. quick demo

Introducing zola a free, open-source, multi-model AI chat app. quick demo

148,650 просмотров • 1 год назад

Experimenting with generative UI

Experimenting with generative UI

116,318 просмотров • 1 год назад

You can now import any Motion-Primitives component with the shadcn CLI 🤝

You can now import any Motion-Primitives component with the shadcn CLI 🤝

66,463 просмотров • 1 год назад

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

27,854 просмотров • 1 год назад

Больше нет контента для загрузки