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
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
Pablo retweeted
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
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.
Pablo retweeted
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/
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!
¿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.
Pablo retweeted
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!
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
Pablo retweeted
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.
Pablo retweeted
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
¿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
Introducing Sätteri — High-performance Markdown & MDX processing for the JavaScript ecosystem.
satteri.bruits.org/























