Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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's profile picture

Mohamed Djoudir

1,517 subscribers

49,220 görüntüleme • 7 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇
0:17

Publino – Next.js Saas Landing Page Template built with - Next.js 16 & React 19 - Tailwind CSS - Framer Motion - Next-intl (RTL support) Comes with Modern hero section, Dark / Light mode, i18n (EN + AR), Pricing , Contact pages, SEO-ready setup, 3D globe, Charts & animations. Demo + Source Code (First comment) 👇

Mohamed Djoudir

34,627 görüntüleme • 7 ay önce

Open-source GitHub alternative just dropped → Landing page built with Next.js, Tailwind CSS and Rive 🔥
0:11

Open-source GitHub alternative just dropped → Landing page built with Next.js, Tailwind CSS and Rive 🔥

Steven Tey

103,872 görüntüleme • 2 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

75,602 görüntüleme • 1 yıl önce

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.
0:10

✨ Introducing Portfolio A simple template to build a minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.

Dillion

90,073 görüntüleme • 2 yıl önce

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇
0:11

Skewed infinite carousel w/ vignette effect ✨ Built entirely with Tailwind CSS – zero JavaScript required. Live demo & code 👇

Steven Tey

472,799 görüntüleme • 2 yıl önce

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js
0:15

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js

Manu Arora

25,757 görüntüleme • 7 ay önce

🚀 [New Project] Personal Website (HTML, CSS, JavaScript) I built this Personal Website Template and sharing the code for FREE! I am sharing what I build every week and creating awesome web components. For the source code: 👉 Follow Me 👉 Like 👉 Retweet 👉 Comment "Code"
0:17

🚀 [New Project] Personal Website (HTML, CSS, JavaScript) I built this Personal Website Template and sharing the code for FREE! I am sharing what I build every week and creating awesome web components. For the source code: 👉 Follow Me 👉 Like 👉 Retweet 👉 Comment "Code"

Tan Gravam

168,717 görüntüleme • 3 yıl önce

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign
0:17

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign

David

66,974 görüntüleme • 3 ay önce

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:
0:15

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:

Erencan Arica

23,075 görüntüleme • 3 ay önce

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

325,059 görüntüleme • 2 yıl önce

- Optimize your resume for ATS scanners - A complete AI agency - CSS text effects with AI prompts - API-oriented low-code Airtable open-source alternative - Open-source and premium 3D icons
0:13

- Optimize your resume for ATS scanners - A complete AI agency - CSS text effects with AI prompts - API-oriented low-code Airtable open-source alternative - Open-source and premium 3D icons

Csaba Kissi

10,384 görüntüleme • 18 gün önce

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

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓
0:15

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓

Techartist

13,448 görüntüleme • 1 ay önce

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔
0:17

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Surjith S M ✪

173,091 görüntüleme • 3 yıl önce

You can now vibe code a 3D website using this open source model. - Totally free - Runs even locally - Works with any image This workflow is compatible with all tools (Replit, Lovable, Claude Code, etc.) Quick steps below:
0:18

You can now vibe code a 3D website using this open source model. - Totally free - Runs even locally - Works with any image This workflow is compatible with all tools (Replit, Lovable, Claude Code, etc.) Quick steps below:

Paul Couvert

140,388 görüntüleme • 1 yıl önce

Built a drum machine entirely from code. No 3D models. No assets. Everything is procedurally built in Three.js. Play it, let me know what you think!✨👇
0:15

Built a drum machine entirely from code. No 3D models. No assets. Everything is procedurally built in Three.js. Play it, let me know what you think!✨👇

〽️att Greenberg

28,604 görüntüleme • 11 gün önce

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.
0:13

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.

Simplifying AI

56,805 görüntüleme • 1 ay önce

Rube Goldberg HTML form! Tbh I spent way too much time on this one haha. As fun as it is useless :) Live demo & source code: Hosted on CodePen.IO Made with #GSAP GSAP
0:19

Rube Goldberg HTML form! Tbh I spent way too much time on this one haha. As fun as it is useless :) Live demo & source code: Hosted on CodePen.IO Made with #GSAP GSAP

Ksenia Kondrashova

65,318 görüntüleme • 2 yıl önce

Ah yeah, just me trying to vibe code something new every day :D That 3D Rubik’s Cube you see there is built from scratch (custom math-based physics engine) using Three.js with GSAP animations and totally vibe coded in Google AI Studio using Gemini 3 Pro AI. Live: Code:
0:18

Ah yeah, just me trying to vibe code something new every day :D That 3D Rubik’s Cube you see there is built from scratch (custom math-based physics engine) using Three.js with GSAP animations and totally vibe coded in Google AI Studio using Gemini 3 Pro AI. Live: Code:

The Bugged Dev

71,852 görüntüleme • 7 ay önce

New drop: Options Market Depth V2 🔥 • Bookmap-style depth + trade flow • Stack charts horizontally, vertically, or grid. • Built on TradingView lightweight-charts Open source & free → code in next post. #Schwab
0:10

New drop: Options Market Depth V2 🔥 • Bookmap-style depth + trade flow • Stack charts horizontally, vertically, or grid. • Built on TradingView lightweight-charts Open source & free → code in next post. #Schwab

Nick

11,255 görüntüleme • 1 yıl önce