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.

Finally! Visual editor for your Tailwind and Next.js code. Going to try this out on my stream.

Ray Fernando

35,334 subscribers

138,004 views • 1 year ago •via X (Twitter)

Arts Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual editor. Export the code with one click. Link below.

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual editor. Export the code with one click. Link below.

Mattia

107,114 views • 1 year ago

cursor is now a figma-esque visual editor for your code

cursor is now a figma-esque visual editor for your code

Steve (Builder.io)

421,721 views • 11 months ago

created this animated vestaboard, made using Next.js and Tailwind CSS

created this animated vestaboard, made using Next.js and Tailwind CSS

OPM

12,995 views • 6 months ago

✨ Build Next.js, Tailwind CSS & shadcn websites with drag and drop. And yes, you can export the code. Link below.

✨ Build Next.js, Tailwind CSS & shadcn websites with drag and drop. And yes, you can export the code. Link below.

Mattia

204,806 views • 1 year ago

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.

finally got around to updating my site to Next.js 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.

Stammy

72,402 views • 1 year ago

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

Dillion

74,079 views • 1 year ago

Next.js & Tailwind are all you need.

Next.js & Tailwind are all you need.

Ray Fernando

24,020 views • 1 year ago

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

Mohamed Djoudir

48,342 views • 5 months ago

We're dropping a brand new Email Editor today! Let me start with my personal favorite update... 1/5: HTML code view 🔥 You can finally paste code, and edit visually on the web editor.

Zeno Rocha

21,307 views • 2 months ago

Step 1: Go to ChatGPT: Use Prompt: "Give me a VBA code that creates an 8-slide PowerPoint presentation on [Topic] You can run this code in the Visual Basic for Applications (VBA) editor in PowerPoint. "

Step 1: Go to ChatGPT: Use Prompt: "Give me a VBA code that creates an 8-slide PowerPoint presentation on [Topic] You can run this code in the Visual Basic for Applications (VBA) editor in PowerPoint. "

Aria Westcott

59,205 views • 5 months ago

back on my tailwind canvas thingy, now with a little more code

back on my tailwind canvas thingy, now with a little more code

nanda

33,913 views • 5 months ago

Despite the Framer hype, we still get tons of requests for custom Next.js + Tailwind sites. Because most founders and their teams don't want to learn another tool. They want to own their code, not rent it. Just shipped a landing page in Next.js for a SaaS. Their reasoning: - Full control over performance optimization - No vendor lock-in - Developers can maintain it without learning Framer - Custom functionality without workarounds - Better SEO control Sure, Framer is faster to build. But he no-code movement sold everyone on "anyone can build websites now" and forgot that someone still needs to maintain them. What's your take: Custom code for control or no-code for speed?

Despite the Framer hype, we still get tons of requests for custom Next.js + Tailwind sites. Because most founders and their teams don't want to learn another tool. They want to own their code, not rent it. Just shipped a landing page in Next.js for a SaaS. Their reasoning: - Full control over performance optimization - No vendor lock-in - Developers can maintain it without learning Framer - Custom functionality without workarounds - Better SEO control Sure, Framer is faster to build. But he no-code movement sold everyone on "anyone can build websites now" and forgot that someone still needs to maintain them. What's your take: Custom code for control or no-code for speed?

Namya @ Supafast

50,594 views • 8 months ago

With GitHub Copilot for Azure in Visual Studio Code, developing for Azure has never been easier! From asking questions about @azure services to deploying solutions with Azure AI features, try it out now:

With GitHub Copilot for Azure in Visual Studio Code, developing for Azure has never been easier! From asking questions about @azure services to deploying solutions with Azure AI features, try it out now:

Visual Studio Code

53,877 views • 1 year ago

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,209 views • 3 years ago

Introducing Tether: agent-agnostic visual editor for your localhost projects. Visually select components and ask for changes without leaving your browser – using the tools and services you already pay for. DM for early access. Available for Cursor, Claude Code, and more coming soon.

Introducing Tether: agent-agnostic visual editor for your localhost projects. Visually select components and ask for changes without leaving your browser – using the tools and services you already pay for. DM for early access. Available for Cursor, Claude Code, and more coming soon.

pav

135,569 views • 8 months ago

🌐 Agentic Browser Tools (Experimental) in Visual Studio Code! Agents can now open pages, read content, click elements, and verify changes directly in the integrated browser while building your web app. Enable ⚙️ workbench.browser.enableChatTools to try it out. Learn mode:

🌐 Agentic Browser Tools (Experimental) in Visual Studio Code! Agents can now open pages, read content, click elements, and verify changes directly in the integrated browser while building your web app. Enable ⚙️ workbench.browser.enableChatTools to try it out. Learn mode:

Visual Studio Code

211,005 views • 2 months ago

Suno is now on Apple CarPlay and Android Auto🚗 Stream your favorite creations in the car. Try it out on your morning commute with this playlist!

Suno is now on Apple CarPlay and Android Auto🚗 Stream your favorite creations in the car. Try it out on your morning commute with this playlist!

Suno

12,143 views • 27 days ago

Tired of tapping out early? Take Daddy—boost your stamina and finally earn the title. Keep going. They’ll have to call you Daddy. Use code DRTYROCK10 to get your 10% off

Tired of tapping out early? Take Daddy—boost your stamina and finally earn the title. Keep going. They’ll have to call you Daddy. Use code DRTYROCK10 to get your 10% off

The Treehouse

14,810 views • 1 year ago

Landing page for an AI-powered health-tech startup. Copy + Design + Development. Stack: Next.js, Tailwind CSS, Shadcn, Vercel.

Landing page for an AI-powered health-tech startup. Copy + Design + Development. Stack: Next.js, Tailwind CSS, Shadcn, Vercel.

Namya @ Supafast

175,193 views • 2 years ago

Turbopack is getting close to beta! We're nearly done with Next.js features and focusing on stability. We've also been investing in features to aid adoption, like supporting webpack loaders. Try it out and let us know your feedback!

Turbopack is getting close to beta! We're nearly done with Next.js features and focusing on stability. We've also been investing in features to aid adoption, like supporting webpack loaders. Try it out and let us know your feedback!

Maia Teegarden

249,032 views • 3 years ago