Loading video...

Video Failed to Load

Go Home

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

mattiapomelli's profile picture

Mattia

16,305 subscribers

28,178 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

12 Comments

Mattia's profile picture
Mattia1 year ago

Support Reweb on ProductHunt here.

Togoda Search Engine's profile picture
Togoda Search Engine1 year ago

Togoda is Google on Steroids with AI summaries . 🚀 The only thematic AI search engine.👀 It's 100% private with third party proxy. 🧨 Try it today & experience the difference! 👉Follow us @togoda_com 👈 🚀Help us grow & share this post!🚀

Abel's profile picture
Abel1 year ago

@nextjs @tailwindcss @shadcn AI generations + drag and drop is so satisfying

Mattia's profile picture
Mattia1 year ago

@nextjs @tailwindcss @shadcn such a good feeling

Niccolò Diana's profile picture
Niccolò Diana1 year ago

@nextjs @tailwindcss @shadcn 🔥🔥🔥

Mattia's profile picture
Mattia1 year ago

@nextjs @tailwindcss @shadcn lfg

Levi Barbosa's profile picture
Levi Barbosa1 year ago

@nextjs @tailwindcss @shadcn This looks really impressive!

Mattia's profile picture
Mattia1 year ago

@nextjs @tailwindcss @shadcn glad you like it!

Terry Carson's profile picture
Terry Carson1 year ago

@nextjs @tailwindcss @shadcn UpVoted

Mattia's profile picture
Mattia1 year ago

@nextjs @tailwindcss @shadcn thanks man!

Saïd Aitmbarek's profile picture
Saïd Aitmbarek1 year ago

@nextjs @tailwindcss @shadcn looks like v0, but better excellent work mate !

Mattia's profile picture
Mattia1 year ago

@nextjs @tailwindcss @shadcn thanks mate!

Related Videos

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

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

Mattia

168,428 views • 1 year ago

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

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

Mattia

163,261 views • 1 year ago

✨ Introducing Reweb A visual landing page builder that generates Next.js Tailwind CSS and shadcn code. Build at the speed of no-code. Export to code & customize. Host anywhere. Live now. cc buildspace nights & weekends
1:15

✨ Introducing Reweb A visual landing page builder that generates Next.js Tailwind CSS and shadcn code. Build at the speed of no-code. Export to code & customize. Host anywhere. Live now. cc buildspace nights & weekends

Mattia

165,466 views • 1 year ago

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:
1:01

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

145,665 views • 1 year ago

Last week, I built this set of 50+ inputs with Tailwind CSS and Next.js (link in the comments)! 🔥 Now, I want to expand this into a collection of copy-and-paste components to quickly build app UIs. Would it be useful? 🤔
0:27

Last week, I built this set of 50+ inputs with Tailwind CSS and Next.js (link in the comments)! 🔥 Now, I want to expand this into a collection of copy-and-paste components to quickly build app UIs. Would it be useful? 🤔

Pasquale Vitiello

224,591 views • 1 year 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
0:39

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

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs
0:44

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs

Bharat Kara

17,366 views • 1 year ago

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:
0:40

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,124 views • 1 year ago

Calendar built from scratch ↓ → Next.js hosted on Vercel → Tailwind CSS for styling → shadcn for beautiful and accessible components → nuqs for URL-based state management
0:26

Calendar built from scratch ↓ → Next.js hosted on Vercel → Tailwind CSS for styling → shadcn for beautiful and accessible components → nuqs for URL-based state management

João Melo

16,531 views • 1 year ago

💥 Introducing Polaris, an AI-powered code editor like Cursor or Replit. Stop using AI coding tools. Start building them. 😎 ✏️ Full code editor with syntax highlighting & minimap 🤖 AI-powered code suggestions & quick edit 🧠 AI agent with file manipulation tools 📚 Live docs scraping with Firecrawl ▶️ In-browser code execution with WebContainers 🖼️ Live preview with terminal output 🐙 GitHub import & export ⚡ Background job execution with Inngest 🗄️ Real-time database with Convex 🔐 Authentication with Clerk 🐛 Error tracking, monitoring & logs with Sentry 🐰 AI PR reviews with CodeRabbit 🌐 Next.js 16 + TypeScript 🎨 shadcn UI + Tailwind CSS v4
4:32

💥 Introducing Polaris, an AI-powered code editor like Cursor or Replit. Stop using AI coding tools. Start building them. 😎 ✏️ Full code editor with syntax highlighting & minimap 🤖 AI-powered code suggestions & quick edit 🧠 AI agent with file manipulation tools 📚 Live docs scraping with Firecrawl ▶️ In-browser code execution with WebContainers 🖼️ Live preview with terminal output 🐙 GitHub import & export ⚡ Background job execution with Inngest 🗄️ Real-time database with Convex 🔐 Authentication with Clerk 🐛 Error tracking, monitoring & logs with Sentry 🐰 AI PR reviews with CodeRabbit 🌐 Next.js 16 + TypeScript 🎨 shadcn UI + Tailwind CSS v4

Code With Antonio

86,044 views • 5 months ago

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼
0:59

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

shawn.

143,341 views • 1 month ago

New open-source dev tools marketing template dropped: - build with shadcn - content in MDX - static Next.js export (byo router) - boring elements (no fancy animations) - theme-aware images - ascii code snippets
0:47

New open-source dev tools marketing template dropped: - build with shadcn - content in MDX - static Next.js export (byo router) - boring elements (no fancy animations) - theme-aware images - ascii code snippets

Maximilian Kaske 🏓

24,620 views • 6 months ago

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼
0:31

A dynamic 3D particle system built with Three.js, styled with Tailwind CSS, and enhanced by custom GLSL shaders. Features interactive pattern transitions, camera controls, and animation toggles for an immersive visual experience. Source code link in the reply below. 👇🏼

Techartist

14,014 views • 11 months ago

Introducing Reweb 2.0 - The Cursor & Figma baby Generate, edit & explore designs with AI. Export React and shadcn code. Available today in open beta.
0:44

Introducing Reweb 2.0 - The Cursor & Figma baby Generate, edit & explore designs with AI. Export React and shadcn code. Available today in open beta.

Mattia

93,790 views • 11 months 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. →
1:38

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

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇
0:21

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇

Mohamed Djoudir

198,138 views • 4 months ago

Today is the day! Our most requested feature, design → code generation, is live: Go from idea → design → code in under a minute. You can now export generated UI designs to Tailwind CSS with Galileo. The fastest way to bring your ideas to life. 🚀
0:27

Today is the day! Our most requested feature, design → code generation, is live: Go from idea → design → code in under a minute. You can now export generated UI designs to Tailwind CSS with Galileo. The fastest way to bring your ideas to life. 🚀

Stitch by Google

26,103 views • 2 years ago

Admin dashboard With Ai AI assistant ! built with - Next.js 16. - Tailwind CSS 4. - TanStack Query. - Framer Motion. Comes with NestJS backend, TypeORM, JWT auth, RBAC, WebSocket-powered updates, AI assistant, and multilingual support. Demo + Source Code (Not Free) :
0:33

Admin dashboard With Ai AI assistant ! built with - Next.js 16. - Tailwind CSS 4. - TanStack Query. - Framer Motion. Comes with NestJS backend, TypeORM, JWT auth, RBAC, WebSocket-powered updates, AI assistant, and multilingual support. Demo + Source Code (Not Free) :

Mohamed Djoudir

113,879 views • 6 months 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!
0:23

💥 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

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
0:28

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