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
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.
Pablo retweeted
Introducing Sรคtteri โ High-performance Markdown & MDX processing for the JavaScript ecosystem.
satteri.bruits.org/
Introducing eve, an agent framework.
๐๐๐๐๐/
๐๐๐๐๐.๐๐
๐๐๐๐๐๐๐๐๐๐๐๐.๐๐
๐๐๐๐๐/
๐๐๐๐๐๐/
๐๐๐๐๐๐๐ก/
๐๐๐๐๐๐๐๐๐/
Like Next.js, for agents.
vercel.com/blog/introducing-โฆ
Pablo retweeted
This is the best tool I've found for getting company logos, svgs, & brand assets
>search for any company
>copy svgs directly (or code for your site)
>public API
>raycast extension (grab svgs from your desktop)
>AI friendly
as of last week you can now get @conductor_build assets there as well :)
check it out svgl.app/



















