Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing the open-source Next.js Audio Starter Kit Add Text to Speech, Speech to Text, Sound Effects and Conversational AI to your product in minutes. Built with: • ElevenLabs SDK • Next.js + shadcn/ui • Tailwind CSS v4 Repo link in the comments below:

ElevenLabs Developers

14,510 subscribers

145,836 views • 1 year ago •via X (Twitter)

Science & Technology Music Education

Anya Rossi• Live Now

Private livecam show

10 Comments

Wonderchat2 years ago

Automate up to 70% of your customer support today. Save time and help your users find answers quickly. Try now at

Luke Harries1 year ago

Excited to see what people will build with this Great ship by @louisjoejordan!

Vignesh G1 year ago

Does it include conversational AI feature as well?

groky1 year ago

Chatgpt for audio? Excellent idea I’ll give a try

Alex1 year ago

Awesome! Thanks!

Ray Fernando1 year ago

Brilliant work!!!

Mo Mac1 year ago

Does this include real time transcripts of each side of the conversation?

The Martian1 year ago

Thanks!!

Pritam 🇮🇳1 year ago

Hello, I'm trying out the Studio with the turbo model. I'm currently on the Creator Plan, which states $0.15 per 1000 for turbo models, but it costs me $0.30 per 1000 instead. Can you please help me out? What am I missing? @elevenlabsio

ⲯ 𝓑𝓲𝓹𝓲 ⲯ1 year ago

Lower your API price.

Related Videos

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

text-to-svg/icon Figma plugin built with Next.js, shadcn UI, and Tailwind CSS + Replicate API! It's open source, and I hope it helps anyone looking to build their own plugin! 🤠 Github:

Lichin Lin

25,157 views • 1 year ago

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →

Maximilian Kaske 🏓

95,813 views • 2 years ago

I created LinkNode, an open-source tool that generates one link for all your links. Inspired by Fayaz Ahmed's onelink repo. Try out : Built with Next.js, shadcn, and Tailwind CSS. #buildinpublic

I created LinkNode, an open-source tool that generates one link for all your links. Inspired by Fayaz Ahmed's onelink repo. Try out : Built with Next.js, shadcn, and Tailwind CSS. #buildinpublic

Suraj

82,110 views • 2 years ago

Introducing Platforms Starter Kit v2 → It's an open-source Next.js template for you to build multi-tenant apps with custom domains in days, not months. Built with Next.js App Router and the @Vercel Domains API.

Introducing Platforms Starter Kit v2 → It's an open-source Next.js template for you to build multi-tenant apps with custom domains in days, not months. Built with Next.js App Router and the @Vercel Domains API.

Steven Tey

305,202 views • 3 years ago

✨ Build Next.js, Tailwind CSS & shadcn UIs with an AI visual builder. And yes, you can export the code. Link below.

✨ Build Next.js, Tailwind CSS & shadcn UIs with an AI visual builder. And yes, you can export the code. Link below.

Mattia

168,560 views • 1 year ago

✨ Build Next.js, Tailwind CSS & shadcn UIs with AI + visual editing. Export the code in one click. Live on ProductHunt now. Link below.

✨ Build Next.js, Tailwind CSS & shadcn UIs with AI + visual editing. Export the code in one click. Live on ProductHunt now. Link below.

Mattia

28,178 views • 1 year ago

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

666,968 views • 3 years ago

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

Mattia

163,271 views • 1 year ago

💥 We are hiring again - fully remote (Europe) possible Tech stack - AI SDK + OpenAI + Google DeepMind - Vercel + React + Next.js - shadcn + Tailwind CSS - Drizzle ORM + PostgreSQL Small agile team, direct impact on final product Any questions to comments!

💥 We are hiring again - fully remote (Europe) possible Tech stack - AI SDK + OpenAI + Google DeepMind - Vercel + React + Next.js - shadcn + Tailwind CSS - Drizzle ORM + PostgreSQL Small agile team, direct impact on final product Any questions to comments!

Pavel Svitek 🇨🇭

39,986 views • 1 year ago

To generate 3D models in Codex with text-to-cad: Start a new project, write your prompt for a 3D model, and include a link to clone the text-to-cad repo. Codex handles the rest. The repo is open source and all scripts / ui run locally. Link below.

To generate 3D models in Codex with text-to-cad: Start a new project, write your prompt for a 3D model, and include a link to clone the text-to-cad repo. Codex handles the rest. The repo is open source and all scripts / ui run locally. Link below.

Jake Fitzgerald

22,113 views • 1 month ago

Shipped: ERC-8004 Agents Explorer ✨ Browse AI agents registered on-chain - reputation, endpoints, and reviews. Stack: - Next.js + TypeScript - Tailwind CSS - The Graph (subgraph by Marco De Rossi) Open source. Tutorial this week. Repo in the comments.

Shipped: ERC-8004 Agents Explorer ✨ Browse AI agents registered on-chain - reputation, endpoints, and reviews. Stack: - Next.js + TypeScript - Tailwind CSS - The Graph (subgraph by Marco De Rossi) Open source. Tutorial this week. Repo in the comments.

Vitto Rivabella

13,288 views • 6 months ago

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,338 views • 1 year ago

Want to build an OpenAI chatbot? Use Chatbot UI! It’s a simple, fully-functional chatbot starter kit using Next.js, TypeScript, and Tailwind CSS. Clone it and start building instantly. GitHub:

Want to build an OpenAI chatbot? Use Chatbot UI! It’s a simple, fully-functional chatbot starter kit using Next.js, TypeScript, and Tailwind CSS. Clone it and start building instantly. GitHub:

Mckay Wrigley

98,113 views • 3 years ago

Introducing the new Svgl 🥳🎉 ❖ New design. Upgrade to Svelte 5 + Tailwind CSS v4. ❖ New API docs + extensions page. ❖ shadcn/ui support + open with v0. ❖ Copy the optimized SVG directly using SVGO. ❖ Add your SVGs to favorites and access your list whenever you want.

Introducing the new Svgl 🥳🎉 ❖ New design. Upgrade to Svelte 5 + Tailwind CSS v4. ❖ New API docs + extensions page. ❖ shadcn/ui support + open with v0. ❖ Copy the optimized SVG directly using SVGO. ❖ Add your SVGs to favorites and access your list whenever you want.

Pablo

41,634 views • 8 months ago

Introducing the ElevenLabs React Native SDK Build cross-platform conversational AI agents for iOS and Android in minutes. WebRTC and first-class Expo support built in. Docs links below:

Introducing the ElevenLabs React Native SDK Build cross-platform conversational AI agents for iOS and Android in minutes. WebRTC and first-class Expo support built in. Docs links below:

ElevenLabs Developers

76,076 views • 10 months ago

Titan - a fullstack Next.js 15 template - Auth: Better Auth - ORM: Drizzle ORM - DB: Neon - Serverless Postgres - UI: shadcn ui & Tailwind CSS v4 check here: titan[dot]rdsx[dot]dev

Titan - a fullstack Next.js 15 template - Auth: Better Auth - ORM: Drizzle ORM - DB: Neon - Serverless Postgres - UI: shadcn ui & Tailwind CSS v4 check here: titan[dot]rdsx[dot]dev

rds

67,786 views • 1 year ago

We are excited to introduce the Text to Sound Effects API. To showcase it - we've built the first Video to Sounds Effects app. This app is available for free online and fully open-source.

We are excited to introduce the Text to Sound Effects API. To showcase it - we've built the first Video to Sounds Effects app. This app is available for free online and fully open-source.

ElevenLabs

120,703 views • 2 years ago

Some examples: - Text to Speech: Read aloud content or create audiobooks. - Speech to Text: Transcribe audio and video into text. - Voice Designer: Create custom AI voices. - Conversational AI: Build dynamic voice agents and make outbound calls.

Some examples: - Text to Speech: Read aloud content or create audiobooks. - Speech to Text: Transcribe audio and video into text. - Voice Designer: Create custom AI voices. - Conversational AI: Build dynamic voice agents and make outbound calls.

ElevenLabs

19,318 views • 1 year ago

Open-source project with board, card, and timeline views, built with shadcn, Next.js. GitHub:

Open-source project with board, card, and timeline views, built with shadcn, Next.js. GitHub:

Jason D

133,269 views • 5 months ago

Just open-sourced the app I built to test Tailwind v4. • Tailwind v4 + React 19 • Custom themes, colors & scaling • Data Table with filters • Draggable & editable rows Code’s yours. Link below.

Just open-sourced the app I built to test Tailwind v4. • Tailwind v4 + React 19 • Custom themes, colors & scaling • Data Table with filters • Draggable & editable rows Code’s yours. Link below.

shadcn

538,148 views • 1 year ago