Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

RayFernando1337's profile picture

Ray Fernando

35,334 subscribers

138,004 görüntüleme • 1 yıl önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

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

Mattia

107,114 görüntüleme • 1 yıl önce

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

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

Steve (Builder.io)

421,721 görüntüleme • 11 ay önce

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

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

OPM

12,995 görüntüleme • 6 ay önce

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

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

Mattia

204,806 görüntüleme • 1 yıl önce

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.
0:10

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 görüntüleme • 1 yıl önce

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

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

Dillion

74,079 görüntüleme • 1 yıl önce

Next.js & Tailwind are all you need.
0:13

Next.js & Tailwind are all you need.

Ray Fernando

24,020 görüntüleme • 1 yıl önce

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 👇
0:12

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 görüntüleme • 5 ay önce

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.
0:11

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 görüntüleme • 2 ay önce

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. "
0:18

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 görüntüleme • 5 ay önce

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

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

nanda

33,913 görüntüleme • 5 ay önce

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?
0:13

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 görüntüleme • 8 ay önce

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

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 görüntüleme • 1 yıl önce

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.
0:13

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 görüntüleme • 8 ay önce

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 🔔
0:11

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 görüntüleme • 3 yıl önce

🌐 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:
0:19

🌐 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 görüntüleme • 2 ay önce

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!
0:11

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 görüntüleme • 26 gün önce

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

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 görüntüleme • 1 yıl önce

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

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

Namya @ Supafast

175,193 görüntüleme • 2 yıl önce

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!
0:12

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 görüntüleme • 3 yıl önce