Pablo (@pheralb_) header
Pablo (@pheralb_) profile picture

✨ Building amazing things.

🇮🇨 Islas Canarias
Joined April 2015
Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with @shadcn /ui CLI. ✓ Docs built with @nextjs + @base_ui ✨ code-blocks.pheralb.dev
18
21
1
333
19,566
Pablo retweeted
Introducing the UI SDK.
196
383
204
5,765
655,003
Pablo retweeted
introducing zriz - an image cropper for react it feels like the crop tool in ios photos. a dial to straighten, buttons to rotate and flip, pinch to zoom, drag a corner or two corners at once lock an aspect ratio for covers or switch to a circle for avatars. export png, jpeg or webp in the browser, or crop on your server headless, so it looks like your app. zero dependencies, mit licensed zriz.dev
21
5
2
216
6,414
Just released documentation for my skills. Each of the 17 skills now has a before and after of the same UI, example prompts, when to reach for it, and which skills pair well with it. An improvement over a plain README on GitHub, with more coming soon. aiforui.dev/skills
64
182
30
3,639
140,772
My new favourite fonts to unslop designs. Save this for later 👀
56
166
11
6,416
201,980
Pablo retweeted
Introducing cinematic-shot An agent skill for recording hero shots for your product. Create high-quality cinematic shots with smooth 3D camera movements and stunning lighting. npx skills add 1weiho/cinematic-shot
34
28
8
642
27,412
Pablo retweeted
Introducing Anatomy Describe a machine in one line. Claude brings it to life. - Interactive isometric wireframes you can rotate, inspect and explore - WebGL shaders for fire, water, plasma and more - Real 3D motion, with individual parts that rotate and move Install it as an agent skill. Fully open source.
434
1,593
670
18,236
2,693,436
I kept hand-drawing isometric wireframes and losing hours to it😅 So, I gave an agent my process and examples. First output, a laptop that types to itself ⌨️ Built this with hairline.lucasmarkes.com/
13
16
1
284
10,447
I'm building a fast markdown editor 👀 ✓ Support .md & .mdx ✓ Multiple workspaces ✓ Multiple themes ✓ Built with tauri, react, base-ui & codemirror of course, it’ll be open source (any ideas are welcome) 🥹
5
1
46
1,403
Pablo retweeted
I trained a small model to do syntax highlighting in the browser with GPU. Meet gpu-lexer from Vercel Labs: Small (27.5KB), fast (runs on WebGPU), and language-agnostic (model guesses the syntax). gpu-lexer.vercel.app It is experimental and built for learning!
145
289
106
3,992
802,049
Pablo retweeted
We built vgpu.sh to ship shaders on vercel.com. Now it's open source. ▪︎ Minimal agent-first WebGPU library ▪︎ Run in the browser or headless Node.js ▪︎ Render in CPU sandboxes and CI tests ▪︎ Create reusable .wgsl modules
154
387
137
4,901
929,050
¿Necesitas un avatar bonito y diferente para tu web? 😶 blobatar — deterministic geometric blobatars 👉 blobatar.dev de @alain_0012 ✅ Sin dependencias. Solo 4kb. ✅ Compatible con React, Vue, Svelte, Solid & Preact. ✅ De código abierto. 100% personalizable.
18
1
185
10,534
Open Analytics now runs on @coolifyio Point it at the repo, set four domains, deploy. Ten images pulled, nothing built, certificates issued for you. Your own server, your own data.
INTRODUCING OPEN ANALYTICS An open-source, AI-native and privacy-first web analytics platform for understanding your traffic and your revenue, on infrastructure you own or hosted by us. Replace Google Analytics, your cookie banner, and the spreadsheet where you guess which page made the money, with one open-source platform. What’s available today: - Analytics: • Realtime dashboard with a live globe • Visitor journeys, step by step • Revenue attribution • Team support • Custom events • AI Chat • Funnels and conversions • Bot detection • Monitor AI traffic • Campaigns and UTM tracking • Core Web Vitals • Pages, sources, referrers, devices, browsers, countries • Public dashboard - Revenue: Connect Stripe and every payment lands beside the visit that produced it. • Revenue attributed to the page, channel and referrer that earned it • Refunds and disputes in their own buckets, not netted silently • 90-day backfill the moment you connect • Webhook for seconds instead of minutes, optional • Provider fees included, so the number is the number - Events: • Custom events with properties • Name an event without writing JavaScript: data-oa-event="signup" • Versioned event definitions with rollback • Personal data redacted in the browser, before it leaves - Share and embed: • Public dashboards with a link you control • Seven data surfaces you switch on one by one • Embeddable widgets for your own site • Import from Plausible • Export everything, any time - Teams: • Unlimited team members • Owner, admin and viewer roles • Site transfer, including billing • Site and account deletion that actually deletes - Developer experience: • Web dashboard • Native macOS menu bar app with your live visitor count • CLI: npx getopen init detects your framework and installs the snippet • REST API with scoped keys • MCP server that reads and writes: ask your agent for last week's revenue, or tell it to build the funnel • Ask your numbers a question in plain English, inside the dashboard - Self-host: • AGPLv3 License • Postgres, ClickHouse and Valkey on your own hardware • One compose file, two migrations, done • Or let us run it, same code, zero ops - Privacy-first • No cookies, no fingerprinting, no cross-site profiles • Visitor identity is a salted hash that rotates at midnight • Raw IPs are never stored • Global Privacy Control honored at the collector, server-side, whatever the snippet says • Do Not Track honored out of the box • No consent banner, because there is nothing to consent to • Exclude your own browsers by opening any page with #oa-ignore - Coming soon: • Alerts in Telegram, Email and Slack • Fathom, Simple Analytics, Umami, and GSC integrations • Polar, Creem, Dodo Payments, Paddle, and LemonSqueezy integrations Every feature is on every plan. You pay for volume, never for features. Let us run for you or run it yourself. Built with @nextjs @ClickHouseDB , Redis, PostgreSQL Open source, contributions are welcome!
8
6
2
134
24,978
Pablo retweeted
introducing interior.dev the components everybody builds and nobody finishes. built for the half-second after a click.
88
97
20
2,577
160,456
Pablo retweeted
Introducing the shadow plugin Carefully crafted smooth shadows. CSS-only, works everywhere. Comes with free agent skills.
41
55
12
1,759
262,673
Pablo retweeted
Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it: amicro.vercel.app
67
180
18
2,756
266,897
Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via @shadcn CLI and @tailwindcss, or adapt via your agent with our one-click prompt generator or the Motion MCP.
20
39
5
805
176,772
Thinking Orbs, animated component library 6 types, optimized for large and small sizes, light & dark mode, playground, zero dependencies orbs.jakubantalik.com npm install thinking-orbs Collaborated on this with @a_brinza who did a lot of work
261
357
57
6,801
655,997
¿Necesitas avatares para tu sitio web? 👀✨ 📦 oreo-design/avatar - Avatar Studio 👉 oreo-design-avatar.vercel.ap… de @lzybiasia ✅ 100% gratis. ✅ +200 avatares. ✅ Librería para React y JS Vanilla. ✅ Copia/descarga el SVG.
2
52
2,914
Pablo retweeted
toasts are fun
9
7
241
13,383
Introducing Sätteri — High-performance Markdown & MDX processing for the JavaScript ecosystem. satteri.bruits.org/
24
79
11
980
48,232