Curated archive of 9 design references, UI interactions, and animations published by Ibelick on X.
introducing mesurer a tiny tool to measure spacing and align your U... - Ibelick
introducing mesurer a tiny tool to measure spacing and align your UI on localhost npm i mesurer
@IbelickAgents are getting better at creating UI, but some things still ann... - Ibelick
Agents are getting better at creating UI, but some things still annoy me. I wrote them down as http://SKILL.md. http://ui-skills.com
@Ibelicktext-box: trim-both cap alphabetic removes the extra space above an... - Ibelick
text-box: trim-both cap alphabetic removes the extra space above and below text, so spacing become more predictable
@Ibelick
corner-shape: squircle; available in chrome for now used it recentl... - Ibelick
corner-shape: squircle; available in chrome for now used it recently on my site, no more clip-path or svg needed to achieve it
@Ibelickvisualizing a year of daily runs - Ibelick
visualizing a year of daily runs
@Ibelickborder-trail fade in/out @bradleyziffer - Ibelick
border-trail fade in/out @bradleyziffer
@IbelickJust added Source. Hover card to display links with title and descr... - Ibelick
Just added Source. Hover card to display links with title and description in AI responses. stay tuned for the next drop, it's gonna be nice!
@Ibelicknew prompt-kit component: Tool. display tool calls with different s... - Ibelick
new prompt-kit component: Tool. display tool calls with different states, input, output, loading, error. it works great with the new AI SDK v5 architecture
@Ibelickprogressive blur on scroll - Ibelick
progressive blur on scroll
@Ibelick