jamesljohnson3/next-ai-rsc-a07df37d...

TypeScript

No license

This is an experimental demo showcasing the Vercel AI SDK 3.0's Generative UI capabilities, built with Next.js App Router and React Server Components. It demonstrates how AI can dynamically generate user interfaces through function calling with OpenAI, combined with shadcn/ui components. The project is designed for developers interested in exploring the future of AI-powered UI generation and the latest features of the Vercel AI SDK.

Total donated

Undistributed

Share with your subscribers:

Recipients

How the donated funds are distributed

Support the dependencies of jamesljohnson3/next-ai-rsc-a07df37d35ad40b3bcdbd2e5e0c7b07712f6b398

radix-ui/primitives

vercel/analytics

Gain real-time traffic insights with Vercel Web Analytics

vercel/storage

Durable Redis

vercel/ai

AI SDK by Vercel - The AI Toolkit for TypeScript and JavaScript

joe-bell/cva

Class Variance Authority 🧬

d3/d3-scale

Encodings that map abstract data to visual representation.

date-fns/date-fns

Modern JavaScript date utility library

vercel/geist-font

Geist is a new font family for Vercel, created by Vercel in collaboration with Basement Studio.

pacocoursey/next-themes

openai/openai-node

The official TypeScript library for the OpenAI API

facebook/react

React is a JavaScript library for building user interfaces.

facebook/react

React package for working with the DOM.

thebuilder/react-intersection-observer

Monitor if a component is inside the viewport, using IntersectionObserver API

Andarist/react-textarea-autosize

textarea component for React which grows with content

juliencrn/usehooks-ts

React hook library, ready to use, written in Typescript.

colinhacks/zod

TypeScript-first schema declaration and validation library with static type inference

StefanTerdell/zod-to-json-schema

Converts Zod schemas to Json Schemas

ably/spaces

nextauthjs/next-auth

Prisma adapter for Auth.js

aws/aws-sdk-js-v3

AWS SDK for JavaScript S3 Client for Node.js, Browser and React Native

chakra-ui/chakra-ui

Chakra UI Integrations for Next.js 13

chakra-ui/chakra-ui

Responsive and accessible React UI components built with React and Emotion

chakra-ui/chakra-ui

The default theme for chakra components

chakra-ui/chakra-ui

Set of helpers that makes theming and styling easier

clerk/javascript

Clerk SDK for NextJS

getcord/sdk-js

React components for Cord

getcord/sdk-js

Server-side portion of the Cord SDK

clauderic/dnd-kit

dnd kit – a lightweight React library for building performant and accessible drag and drop experiences

clauderic/dnd-kit

Official sortable preset and sensors for dnd kit

evervault/evervault-node

Node.js SDK for Evervault

faker-js/faker

Generate massive amounts of fake contextual data

microsoft/fluentui-system-icons

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

google/generative-ai-js

Google AI JavaScript SDK

tailwindlabs/headlessui

A set of completely unstyled, fully accessible UI components for React, designed to integrate beautifully with Tailwind CSS.

react-hook-form/resolvers

React Hook Form validation resolvers: Yup, Joi, Superstruct, Zod, Vest, Class Validator, io-ts, Nope, computed-types, TypeBox, arktype, Typanion, Effect-TS and VineJS

ianvs/prettier-plugin-sort-imports

A prettier plugins to sort imports in provided RegEx order

knocklabs/react-notification-feed

A set of React components to render feeds powered by Knock

mdx-js/mdx

Webpack loader for MDX

microlinkhq/sdk#master

Turn links into beautiful previews.

mui/material-ui

Material Design icons distributed as SVG React components.

mui/material-ui

Joy UI is an open-source React component library that implements MUI's own design principles. It's comprehensive and can be used in production out of the box.

Support the dependencies

Top contributors

unlimitednow

95 contributions

Recent events

Kivach works on the Obyte network, and therefore you can track all donations.

No events yet

Support the dependencies of jamesljohnson3/next-ai-rsc-a07df37d35ad40b3bcdbd2e5e0c7b07712f6b398

radix-ui/primitives

vercel/analytics

Gain real-time traffic insights with Vercel Web Analytics

vercel/storage

Durable Redis

vercel/ai

AI SDK by Vercel - The AI Toolkit for TypeScript and JavaScript

joe-bell/cva

Class Variance Authority 🧬

d3/d3-scale

Encodings that map abstract data to visual representation.

date-fns/date-fns

Modern JavaScript date utility library

vercel/geist-font

Geist is a new font family for Vercel, created by Vercel in collaboration with Basement Studio.

pacocoursey/next-themes

openai/openai-node

The official TypeScript library for the OpenAI API

facebook/react

React is a JavaScript library for building user interfaces.

facebook/react

React package for working with the DOM.

thebuilder/react-intersection-observer

Monitor if a component is inside the viewport, using IntersectionObserver API

Andarist/react-textarea-autosize

textarea component for React which grows with content

juliencrn/usehooks-ts

React hook library, ready to use, written in Typescript.

colinhacks/zod

TypeScript-first schema declaration and validation library with static type inference

StefanTerdell/zod-to-json-schema

Converts Zod schemas to Json Schemas

ably/spaces

nextauthjs/next-auth

Prisma adapter for Auth.js

aws/aws-sdk-js-v3

AWS SDK for JavaScript S3 Client for Node.js, Browser and React Native

chakra-ui/chakra-ui

Chakra UI Integrations for Next.js 13

chakra-ui/chakra-ui

Responsive and accessible React UI components built with React and Emotion

chakra-ui/chakra-ui

The default theme for chakra components

chakra-ui/chakra-ui

Set of helpers that makes theming and styling easier

clerk/javascript

Clerk SDK for NextJS

getcord/sdk-js

React components for Cord

getcord/sdk-js

Server-side portion of the Cord SDK

clauderic/dnd-kit

dnd kit – a lightweight React library for building performant and accessible drag and drop experiences

clauderic/dnd-kit

Official sortable preset and sensors for dnd kit

evervault/evervault-node

Node.js SDK for Evervault

faker-js/faker

Generate massive amounts of fake contextual data

microsoft/fluentui-system-icons

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

google/generative-ai-js

Google AI JavaScript SDK

tailwindlabs/headlessui

A set of completely unstyled, fully accessible UI components for React, designed to integrate beautifully with Tailwind CSS.

react-hook-form/resolvers

React Hook Form validation resolvers: Yup, Joi, Superstruct, Zod, Vest, Class Validator, io-ts, Nope, computed-types, TypeBox, arktype, Typanion, Effect-TS and VineJS

ianvs/prettier-plugin-sort-imports

A prettier plugins to sort imports in provided RegEx order

knocklabs/react-notification-feed

A set of React components to render feeds powered by Knock

mdx-js/mdx

Webpack loader for MDX

microlinkhq/sdk#master

Turn links into beautiful previews.

mui/material-ui

Material Design icons distributed as SVG React components.

mui/material-ui

Joy UI is an open-source React component library that implements MUI's own design principles. It's comprehensive and can be used in production out of the box.