Pontus Abrahamsson's banner

Pontus Abrahamsson

@pontusab • 31,496 subscribers

Building @tryramp. prev @middayai

Shorts

Introducing Caltext, open-source calorie tracking in iMessage. Built with: • Bun + Turborepo • Hono on Nitro (Vercel) • Chat SDK + Sendblue • AI SDK + GPT-4.1 vision • Upstash Redis • Vercel Workflows • USDA FoodData Central Link ⬇️🧵

Introducing Caltext, open-source calorie tracking in iMessage. Built with: • Bun + Turborepo • Hono on Nitro (Vercel) • Chat SDK + Sendblue • AI SDK + GPT-4.1 vision • Upstash Redis • Vercel Workflows • USDA FoodData Central Link ⬇️🧵

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

The missing dashboard for BullMQ is now available as a desktop app. Open source, MIT. Link ⬇️🧵

The missing dashboard for BullMQ is now available as a desktop app. Open source, MIT. Link ⬇️🧵

82,219 просмотров

Cursor MCP is a game-changer! We've just added a new page to the Cursor Directory to help you find them more easily: ◇ Discover popular MCPs ◇ Search and filter options ◇ Submit your own entries Link ⬇️🧵

Cursor MCP is a game-changer! We've just added a new page to the Cursor Directory to help you find them more easily: ◇ Discover popular MCPs ◇ Search and filter options ◇ Submit your own entries Link ⬇️🧵

210,214 просмотров

This is how I'm solving wide tables in midday: - Horizontal scrollable - Visible pagination if too wide - Keyboard navigation

This is how I'm solving wide tables in midday: - Horizontal scrollable - Visible pagination if too wide - Keyboard navigation

113,238 просмотров

I'll never write documentation again thanks to Cursor's @ codebase command

I'll never write documentation again thanks to Cursor's @ codebase command

234,545 просмотров

I just shipped message-ui, build dynamic iMessage attachments with React. ◆ Charts ◆ Tables ◆ Text primitives ◆ Local preview + PNG export ◆ Tailwind support ◆ Works with Chat SDK Link ⬇️🧵

I just shipped message-ui, build dynamic iMessage attachments with React. ◆ Charts ◆ Tables ◆ Text primitives ◆ Local preview + PNG export ◆ Tailwind support ◆ Works with Chat SDK Link ⬇️🧵

42,680 просмотров

Introducing Languine: Translate your app with a CLI powered by Vercel AI SDK. 🔍 Detects changes in translation keys via Git diff 🎨 Ensures consistent tone and style 🔓 100% open source and free 🌐 Works with all major i18n libraries Link and some background ⬇️🧵

Introducing Languine: Translate your app with a CLI powered by Vercel AI SDK. 🔍 Detects changes in translation keys via Git diff 🎨 Ensures consistent tone and style 🔓 100% open source and free 🌐 Works with all major i18n libraries Link and some background ⬇️🧵

128,574 просмотров

Generate your own optimized cursor rule directly from your package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵

Generate your own optimized cursor rule directly from your package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵

115,878 просмотров

Introducing Behind the Code, an open-source video platform for creators who want their own channel. Your brand. Your videos. Your subscribers. Fully self-hosted. Deploy yours in minutes ⬇️🧵

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

the perfect table, now: - Sortable & resizable - Ultra performant with virtualization - Hide columns - 1-1 Skeleton - Fully SSR using cookies

the perfect table, now: - Sortable & resizable - Ultra performant with virtualization - Hide columns - 1-1 Skeleton - Fully SSR using cookies

58,245 просмотров

Considering turning this Bubble menu into a copy-paste component. Let me know if you're interested! * Shadcn components * Vercel AI SDK * Novel editor

Considering turning this Bubble menu into a copy-paste component. Let me know if you're interested! * Shadcn components * Vercel AI SDK * Novel editor

85,285 просмотров

It's crazy how easy it is to build agentic workflows now. Built a multi-step AI agent with AI SDK for Midday customer enrichment: - ToolLoopAgent with prepareStep for phase control - Gemini 2.5 Flash + URL Context to read websites directly - Google Search grounding for LinkedIn/social discovery - generateObject with Zod schema for structured extraction

It's crazy how easy it is to build agentic workflows now. Built a multi-step AI agent with AI SDK for Midday customer enrichment: - ToolLoopAgent with prepareStep for phase control - Gemini 2.5 Flash + URL Context to read websites directly - Google Search grounding for LinkedIn/social discovery - generateObject with Zod schema for structured extraction

32,114 просмотров

Customizable widgets with Next.js for SSR and interactivity is a killer combo: - dnd-kit for dragging - Zustand store with initial data - Saved in Redis - Preloaded using tRPC

Customizable widgets with Next.js for SSR and interactivity is a killer combo: - dnd-kit for dragging - Zustand store with initial data - Saved in Redis - Preloaded using tRPC

36,718 просмотров

This is how I made this assistant interface with: - Canvas with dynamic data (charts, metrics, summary) - Generated message title - Multi part stream - Generated follow up questions 🧵 ⬇️

This is how I made this assistant interface with: - Canvas with dynamic data (charts, metrics, summary) - Generated message title - Multi part stream - Generated follow up questions 🧵 ⬇️

36,816 просмотров

The usage of AI-powered filters is so nice and easy to implement with Vercel AI SDK: ◇ Server Action with streamObject ◇ Pass filters (categories, amount range, etc.) ◇ Stream the results using `readStreamableValue`

The usage of AI-powered filters is so nice and easy to implement with Vercel AI SDK: ◇ Server Action with streamObject ◇ Pass filters (categories, amount range, etc.) ◇ Stream the results using `readStreamableValue`

45,140 просмотров

The best way to handle responsive tables: ◇ Measure width and add scroll ◇ Sticky columns for context ◇ Pagination ◇ Keyboard (Arrow left/right)

The best way to handle responsive tables: ◇ Measure width and add scroll ◇ Sticky columns for context ◇ Pagination ◇ Keyboard (Arrow left/right)

36,973 просмотров

Generate skeletons in seconds with Cursor 🔥 Use `@ filename.tsx` command ⚡

Generate skeletons in seconds with Cursor 🔥 Use `@ filename.tsx` command ⚡

52,335 просмотров

New website for Languine just dropped: ✨ Next.js 💅 shadcn UI components 🔤 Geist Font by Vercel Fully open source too!

New website for Languine just dropped: ✨ Next.js 💅 shadcn UI components 🔤 Geist Font by Vercel Fully open source too!

45,234 просмотров

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

Let agents run your business. Introducing the Midday CLI. 80+ tools. Invoicing, reconciliation, exports, time tracking, reports. One backbone for every agent. Examples ⬇️🧵

Let agents run your business. Introducing the Midday CLI. 80+ tools. Invoicing, reconciliation, exports, time tracking, reports. One backbone for every agent. Examples ⬇️🧵

Pontus Abrahamsson

294,737 просмотров • 5 месяцев назад

Introducing the new Agents website from Ramp Built with: - Next.js - framework - Tailwind - styling - Motion - animations - MDX - documentation section - shadcn - UI components - Vercel - hosting link ⬇️ 🧵

Introducing the new Agents website from Ramp Built with: - Next.js - framework - Tailwind - styling - Motion - animations - MDX - documentation section - shadcn - UI components - Vercel - hosting link ⬇️ 🧵

Pontus Abrahamsson

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

Introducing the new Research Blog for Ramp Labs A new Next.js website built with MDX as source, dynamically generated artifacts with D3, Recharts, and Shadcn. Link ⬇️🧵

Introducing the new Research Blog for Ramp Labs A new Next.js website built with MDX as source, dynamically generated artifacts with D3, Recharts, and Shadcn. Link ⬇️🧵

Pontus Abrahamsson

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

Introducing the most advanced open-source chat template built on top of AI SDK. → Agents (Orchestration, handoffs & context guardrails) → Artifacts (Canvas, Charts) → Rate limits (Messages, tool permissions) Link ⬇️🧵

Introducing the most advanced open-source chat template built on top of AI SDK. → Agents (Orchestration, handoffs & context guardrails) → Artifacts (Canvas, Charts) → Rate limits (Messages, tool permissions) Link ⬇️🧵

Pontus Abrahamsson

70,907 просмотров • 10 месяцев назад

Midday's new website is out, and I'm so proud of Viktor. Viktor used to design in Figma, then hand it over to me. Now he uses Cursor and built the whole new site in Next.js, pushing it to Vercel. For a two-person team, this is the future.

Midday's new website is out, and I'm so proud of Viktor. Viktor used to design in Figma, then hand it over to me. Now he uses Cursor and built the whole new site in Next.js, pushing it to Vercel. For a two-person team, this is the future.

Pontus Abrahamsson — oss/acc

42,180 просмотров • 7 месяцев назад

The best foundation to position your product right now: - MCP server with OAuth - Claude and ChatGPT connectors - APIs and SDKs - Chat interfaces like iMessage and WhatsApp - A dashboard that uses the same MCP layer - Open source

The best foundation to position your product right now: - MCP server with OAuth - Claude and ChatGPT connectors - APIs and SDKs - Chat interfaces like iMessage and WhatsApp - A dashboard that uses the same MCP layer - Open source

Pontus Abrahamsson

30,272 просмотров • 5 месяцев назад

The future is not another app, it's being where your users already are.

The future is not another app, it's being where your users already are.

Pontus Abrahamsson

29,206 просмотров • 5 месяцев назад

This one is for you shadcn

This one is for you shadcn

Pontus Abrahamsson — oss/acc

40,024 просмотров • 7 месяцев назад

If you're not using React Email for your emails, you're missing out. By the way, these templates are open source

If you're not using React Email for your emails, you're missing out. By the way, these templates are open source

Pontus Abrahamsson — oss/acc

88,037 просмотров • 2 лет назад

Receipts via WhatsApp → automatically reconciled in Midday.

Receipts via WhatsApp → automatically reconciled in Midday.

Pontus Abrahamsson — oss/acc

34,546 просмотров • 8 месяцев назад

Next.js is the best option for building web apps, especially with RSC

Next.js is the best option for building web apps, especially with RSC

Pontus Abrahamsson

61,965 просмотров • 1 год назад

Run your business directly from Cursor, with Midday MCP server.

Run your business directly from Cursor, with Midday MCP server.

Pontus Abrahamsson — oss/acc

26,864 просмотров • 7 месяцев назад

Workbench 0.6.0 is out. Overview is now home, fleet stats, 24h throughput, attention alerts, and queue health in one place. Collapsible sidebar. Cleaner queue ops. Failed runs with reasons. Enjoy ⬇️🧵

Workbench 0.6.0 is out. Overview is now home, fleet stats, 24h throughput, attention alerts, and queue health in one place. Collapsible sidebar. Cleaner queue ops. Failed runs with reasons. Enjoy ⬇️🧵

Pontus Abrahamsson — oss/acc

12,732 просмотров • 3 месяцев назад

Introducing Midday Computer Put your business on autopilot. Agents that run on your schedule, learn over time, and take care of the work you keep putting off. Here's how it works ↓

Introducing Midday Computer Put your business on autopilot. Agents that run on your schedule, learn over time, and take care of the work you keep putting off. Here's how it works ↓

Pontus Abrahamsson

15,814 просмотров • 4 месяцев назад

Run your business from iMessage via Midday 🔜

Run your business from iMessage via Midday 🔜

Pontus Abrahamsson

13,219 просмотров • 5 месяцев назад

The best table setup is a combination of virtualization, SSR, and prefetch. Instant navigation. Persistent user preferences. Here's how we built it 🧵👇

The best table setup is a combination of virtualization, SSR, and prefetch. Instant navigation. Persistent user preferences. Here's how we built it 🧵👇

Pontus Abrahamsson

19,239 просмотров • 8 месяцев назад

As Midday grows, so does our documentation, built with: - Next.js - AI SDK v6 - Streamdown Hayden Bleasel - Shadcn

As Midday grows, so does our documentation, built with: - Next.js - AI SDK v6 - Streamdown Hayden Bleasel - Shadcn

Pontus Abrahamsson — oss/acc

12,943 просмотров • 7 месяцев назад