# Framer Motion

Framer Motion, now called Motion for React, is a React animation library for building production-grade UI animations.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Vercel Open Source Program: Spring 2026 cohort

DevFeed: [Vercel Open Source Program: Spring 2026 cohort](<https://devfeed.tech/articles/vercel-open-source-program-spring-2026-cohort-785.md>)

Original publisher: [Read original article](<https://vercel.com/blog/vercel-open-source-program-spring-2026-cohort>)

Author: Amy Egan

Published: 2026-06-29T13:00:00Z

Content type: news

Language: en

Sources: [Vercel News](<https://devfeed.tech/sources/vercel-news.md>)

Topics: [Open Source](<https://devfeed.tech/topics/open-source.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>), [Maintainers](<https://devfeed.tech/topics/maintainers.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Model Context Protocol (MCP)](<https://devfeed.tech/topics/model-context-protocol-mcp.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [MCP](<https://devfeed.tech/topics/mcp.md>), [Filesystems](<https://devfeed.tech/topics/filesystems.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Framer Motion](<https://devfeed.tech/topics/framer-motion.md>), [SVG](<https://devfeed.tech/topics/svg.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [ascii](<https://devfeed.tech/tags/ascii.md>), [browser](<https://devfeed.tech/tags/browser.md>), [maintainers](<https://devfeed.tech/tags/maintainers.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [model-context-protocol](<https://devfeed.tech/tags/model-context-protocol.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [react](<https://devfeed.tech/tags/react.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vercel](<https://devfeed.tech/tags/vercel.md>)

### AI overview

Vercel announces the Spring 2026 cohort of its Open Source Program, providing selected maintainers with platform credits, third-party service credits, and guidance. The cohort includes projects for ASCII video rendering, React UI components, MCP server development, animated icons, design systems, and abstract syntax tree exploration.

### Source excerpt

The world runs on open source software. The frameworks, libraries, and tools we rely on are made possible by communities that share ideas and build in the open. At Vercel, we want to help those communities thrive. That's why we run the Vercel Open Source Program: a developer initiative that gives maintainers the resources and support they need to keep shipping and growing their projects. Four times a year, we welcome a new cohort of open source projects into the program. Maintainers receive $3,600 in Vercel platform credits, a starter pack with credits from third-party services, and guidance from Vercel and the community. Today, we welcome a new cohort into the program. Spring 2026 cohortASCII Studio A browser-based tool that converts video frames in real time into precise ASCII representations using an optimized rendering pipeline. Users can adjust density, contrast, and character sets to produce customized ASCII animations. Creator: Vansh Nagar View the project View GitHub repository Sync UI A free, open-source React UI library offering 125+ animated components, 13+ pre-built blocks, and 3 premium templates. Built with Material UI and Motion (motion/react), designed for design engineers building landing pages and Next.js projects. Creator: Abhi Varde View the project View GitHub repository xmcp A TypeScript framework for building and deploying MCP (Model Context Protocol) servers, featuring file-system routing, hot reloading, middleware support, and flexible deployment options including zero-config Vercel support. Creator: Valentina Bearzotti View the project View GitHub repository Componentry An open-source collection of animated, interactive React UI components styled with Tailwind CSS and Framer Motion, designed to be copied and pasted into apps rather than installed as a dependency. Creator: Harsh Jadhav View the project View GitHub repository AnimateIcons A library of 281 animated SVG icons for React, built on motion/react with hover and imperative triggers p

## Vercel Open Source Program: Winter 2026 cohort

DevFeed: [Vercel Open Source Program: Winter 2026 cohort](<https://devfeed.tech/articles/vercel-open-source-program-winter-2026-cohort-786.md>)

Original publisher: [Read original article](<https://vercel.com/blog/vercel-open-source-program-winter-2026-cohort>)

Author: Alli Pope

Published: 2026-03-17T13:00:00Z

Content type: article

Language: en

Sources: [Vercel News](<https://devfeed.tech/sources/vercel-news.md>)

Topics: [Open Source](<https://devfeed.tech/topics/open-source.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>), [online privacy](<https://devfeed.tech/topics/online-privacy.md>), [OpenAPI Specification](<https://devfeed.tech/topics/openapi.md>), [React](<https://devfeed.tech/topics/react.md>), [React Native](<https://devfeed.tech/topics/react-native.md>), [Shadcn UI](<https://devfeed.tech/topics/shadcn-ui.md>), [Web](<https://devfeed.tech/topics/web.md>), [Android](<https://devfeed.tech/topics/android.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [Framer Motion](<https://devfeed.tech/topics/framer-motion.md>), [Large Language Model](<https://devfeed.tech/topics/llm.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [agents](<https://devfeed.tech/tags/agents.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-agents](<https://devfeed.tech/tags/ai-agents.md>), [android](<https://devfeed.tech/tags/android.md>), [browser](<https://devfeed.tech/tags/browser.md>), [components](<https://devfeed.tech/tags/components.md>), [framer](<https://devfeed.tech/tags/framer.md>), [hub](<https://devfeed.tech/tags/hub.md>), [llm](<https://devfeed.tech/tags/llm.md>), [online-privacy](<https://devfeed.tech/tags/online-privacy.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [openapi](<https://devfeed.tech/tags/openapi.md>), [react-native](<https://devfeed.tech/tags/react-native.md>), [scale](<https://devfeed.tech/tags/scale.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [vue](<https://devfeed.tech/tags/vue.md>)

### AI overview

Vercel introduces the winter 2026 cohort of its Open Source Program, highlighting projects that receive resources, credits, and support. The cohort includes tools and projects spanning AI-native applications, developer infrastructure, design systems, creative tooling, privacy, Android connectivity, and web development.

### Source excerpt

In April, we launched the Vercel Open Source Program to give maintainers the resources, credits, and support they need to ship faster and scale confidently. The first group joined through our spring 2025 cohort. Today we are welcoming the winter 2026 cohort. From AI-native apps and developer infrastructure to design systems and creative tooling, open source builders continue to amaze us. Meet the creators and explore their projects. Winter 2026 Cohort Answer Overflow Answer Overflow is an open source project that makes the content sent in public Discord servers accessible to search engines and AI agents. Over 300+ communities use Answer Overflow to create web pages from their Discord content and it serves 1.5 million monthly active users. Creator: Rhys Sullivan View the project View GitHub Repository UI TripleD UI TripleD offers UI blocks, components, and full pages in shadcn/ui and Base UI, powered by Framer Motion, with a Landing Builder, Background Builder, and Grid Generator. Creator: Moumen Soliman View the project View GitHub repository hot-updater An open source React Native OTA (Over-The-Air) update solution built as a modern alternative to CodePush, designed to avoid vendor lock-in and work across many infrastructure providers. Creator: Kang Sungyu View the project View GitHub repository Screenshot Studio Screenshot Studio is an open source, fully in-browser canvas editor for creating high-quality visual designs without installs or backend dependencies, with real traction and an active contributor community. Creator: Kartik Labhshetwar View the project View GitHub repository Takumi JSX -> Image. A next/og alternative with more advanced features, with growing adoption across companies and open source projects. Creator: Kane Wang View the project View GitHub repository APIs.guru A directory and tooling hub for OpenAPI definitions of public APIs, used by thousands of developers and increasingly by LLM-driven workflows. Creator: Ivan Goncharov View the project V

## Supabase Beta March 2023

DevFeed: [Supabase Beta March 2023](<https://devfeed.tech/articles/supabase-beta-march-2023-606.md>)

Original publisher: [Read original article](<https://supabase.com/blog/supabase-beta-update-march-2023>)

Author: Ant Wilson

Published: 2023-04-08T07:00:00Z

Content type: release

Language: en

Sources: [Supabase Blog](<https://devfeed.tech/sources/supabase-blog.md>)

Topics: [Supabase](<https://devfeed.tech/topics/supabase.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [OpenAI](<https://devfeed.tech/topics/openai.md>), [Databases](<https://devfeed.tech/topics/databases.md>), [Deno](<https://devfeed.tech/topics/deno.md>), [Framer Motion](<https://devfeed.tech/topics/framer-motion.md>), [API](<https://devfeed.tech/topics/api.md>), [LangChain](<https://devfeed.tech/topics/langchain.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Nuxt.js](<https://devfeed.tech/topics/nuxt.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [announcement](<https://devfeed.tech/tags/announcement.md>), [auth](<https://devfeed.tech/tags/auth.md>), [devrel](<https://devfeed.tech/tags/devrel.md>), [embeddings](<https://devfeed.tech/tags/embeddings.md>), [framer](<https://devfeed.tech/tags/framer.md>), [github](<https://devfeed.tech/tags/github.md>), [hackathon](<https://devfeed.tech/tags/hackathon.md>), [hybrid-search](<https://devfeed.tech/tags/hybrid-search.md>), [infinite-scroll](<https://devfeed.tech/tags/infinite-scroll.md>), [langchain](<https://devfeed.tech/tags/langchain.md>), [launch](<https://devfeed.tech/tags/launch.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [nuxt](<https://devfeed.tech/tags/nuxt.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [openai](<https://devfeed.tech/tags/openai.md>), [postgres](<https://devfeed.tech/tags/postgres.md>), [vercel](<https://devfeed.tech/tags/vercel.md>)

### AI overview

Supabase's March 2023 beta update previews Launch Week 7, announces a Web3 AI hackathon, and releases a Next.js OpenAI documentation-search template using Vercel, GPT-3, Postgres with pgvector, and Deno Edge Functions. It also highlights an AI-powered ticket system, community projects, and upcoming events.

### Source excerpt

We are in full shipping mode 🛥... Launch Week 7 can't come quickly enough!

## Infinite scroll with Next.js, Framer Motion, and Supabase

DevFeed: [Infinite scroll with Next.js, Framer Motion, and Supabase](<https://devfeed.tech/articles/infinite-scroll-with-next-js-framer-motion-and-supabase-403.md>)

Original publisher: [Read original article](<https://supabase.com/blog/infinite-scroll-with-nextjs-framer-motion>)

Author: Francesco Sansalvadore

Published: 2023-04-04T07:00:00Z

Content type: tutorial

Language: en

Sources: [Supabase Blog](<https://devfeed.tech/sources/supabase-blog.md>)

Topics: [infinite scroll](<https://devfeed.tech/topics/infinite-scroll.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Supabase](<https://devfeed.tech/topics/supabase.md>), [Framer Motion](<https://devfeed.tech/topics/framer-motion.md>), [web design](<https://devfeed.tech/topics/web-design.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [Caching](<https://devfeed.tech/topics/caching.md>)

Tags: [cache](<https://devfeed.tech/tags/cache.md>), [code-splitting](<https://devfeed.tech/tags/code-splitting.md>), [data](<https://devfeed.tech/tags/data.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [infinite-scroll](<https://devfeed.tech/tags/infinite-scroll.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [performance](<https://devfeed.tech/tags/performance.md>), [server-side-rendering](<https://devfeed.tech/tags/server-side-rendering.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>), [web-design](<https://devfeed.tech/tags/web-design.md>)

### AI overview

A tutorial on implementing infinite scrolling with Next.js, Supabase, and Framer Motion. It explains lazy loading ticket data in batches as the user scrolls, with techniques such as server-side rendering, code splitting, caching, prefetching, and debouncing to improve performance and user experience.

### Source excerpt

Lazy load and paginate data on scroll with Next.js and a sprinkle of Framer Motion magic ✨

## Protocol: A beautiful starting point for your next API documentation site

DevFeed: [Protocol: A beautiful starting point for your next API documentation site](<https://devfeed.tech/articles/protocol-a-beautiful-starting-point-for-your-next-api-documentation-site-3451.md>)

Original publisher: [Read original article](<https://tailwindcss.com/blog/2022-12-15-protocol-api-documentation-template>)

Published: 2022-12-15T15:00:00Z

Content type: release

Language: en

Sources: [Tailwind CSS Blog](<https://devfeed.tech/sources/tailwind-css-blog.md>)

Topics: [Template](<https://devfeed.tech/topics/template.md>), [API](<https://devfeed.tech/topics/api.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [React](<https://devfeed.tech/topics/react.md>), [Framer Motion](<https://devfeed.tech/topics/framer-motion.md>), [Library](<https://devfeed.tech/topics/library.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [api-documentation](<https://devfeed.tech/tags/api-documentation.md>), [building](<https://devfeed.tech/tags/building.md>), [code](<https://devfeed.tech/tags/code.md>), [components](<https://devfeed.tech/tags/components.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [js](<https://devfeed.tech/tags/js.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>)

### AI overview

Tailwind CSS introduces Protocol, a website template for building API reference documentation sites with Next.js and MDX. The article highlights its polished navigation and interaction design, authoring workflow, reusable components, and the mdx-annotations library for passing data through MDX tags.

### Source excerpt

It's been months in the making but I'm excited to finally release our next website template -- Protocol, a beautiful starter kit for building amazing API reference websites.

## New Tailwind CSS + Framer Motion template and Tailwind Jobs

DevFeed: [New Tailwind CSS + Framer Motion template and Tailwind Jobs](<https://devfeed.tech/articles/new-tailwind-css-framer-motion-template-and-tailwind-jobs-3449.md>)

Original publisher: [Read original article](<https://tailwindcss.com/blog/2022-08-17-tailwind-framer-motion-template-and-tailwind-jobs>)

Published: 2022-08-19T12:45:00Z

Content type: news

Language: en

Sources: [Tailwind CSS Blog](<https://devfeed.tech/sources/tailwind-css-blog.md>)

Topics: [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Framer Motion](<https://devfeed.tech/topics/framer-motion.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Template](<https://devfeed.tech/topics/template.md>), [interactive website](<https://devfeed.tech/topics/interactive-website.md>), [jobs](<https://devfeed.tech/topics/jobs.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [framer](<https://devfeed.tech/tags/framer.md>), [jobs](<https://devfeed.tech/tags/jobs.md>), [projects](<https://devfeed.tech/tags/projects.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>)

### AI overview

Tailwind CSS announces Pocket, a new Tailwind UI template built with Next.js and Tailwind CSS. The mobile app landing page uses Framer Motion for animations and interactions, including an animated graph, mobile device interface, and Frogger-inspired testimonials. The update also discusses the official Tailwind CSS job board and ongoing template maintenance.

### Source excerpt

All about the brand new Tailwind UI template we just shipped, the official Tailwind CSS job board, and a bunch of new projects coming out in the next few weeks.