Loading video...

Video Failed to Load

Go Home

Building in public: Updated PHP website ✅ Light & Dark mode implemented. Entire site built with Vanilla CSS & minimal JS. Loads blazing fast! 🚀

nunowar's profile picture

Nuno Guerra

1,381 subscribers

18,167 views • 8 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx
0:16

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

Jakub Antalik

132,184 views • 1 month ago

90% of my time is now spent in Do the plan, screenshots come back (via built-in browser) of the implemented feature, and when needed fully built HTML artifacts for multiple edge cases, light/dark mode etc. Feels so nice...
0:14

90% of my time is now spent in Do the plan, screenshots come back (via built-in browser) of the implemented feature, and when needed fully built HTML artifacts for multiple edge cases, light/dark mode etc. Feels so nice...

Balint Orosz

19,349 views • 3 months ago

Added a gallery view to then realized it was annoying to have super bright light mode screenshots when in dark mode, so I made computers in the sky take dark mode screenshots of everyone's website (and shame on everyone who doesn't have a dark mode variant 😅)
0:11

Added a gallery view to then realized it was annoying to have super bright light mode screenshots when in dark mode, so I made computers in the sky take dark mode screenshots of everyone's website (and shame on everyone who doesn't have a dark mode variant 😅)

Brian Lovin

11,593 views • 5 months ago

Hotel management dashboard template. Built with React, Tailwind CSS & shadcn/ui 👇👇
0:13

Hotel management dashboard template. Built with React, Tailwind CSS & shadcn/ui 👇👇

Toby

89,083 views • 3 months 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.
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 views • 1 year ago

Light mode 🌝 vs Dark mode 🌚
0:16

Light mode 🌝 vs Dark mode 🌚

𝙅𝙄𝙉𝙂𝙅𝘼𝘼✧⁠*⁠。

43,840 views • 7 months ago

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,219 views • 5 months ago

some more experiments with css and js
0:17

some more experiments with css and js

Shiv

213,612 views • 10 months ago

Introducing: Starlight — everything we know about building docs, wrapped up in an easy-to-use template. 🧩 built-in site search, navigation, i18n, a11y, seo, clean typography, code highlighting, dark mode, "edit in GitHub", MDX, Markdoc AND MORE! 🌟
0:11

Introducing: Starlight — everything we know about building docs, wrapped up in an easy-to-use template. 🧩 built-in site search, navigation, i18n, a11y, seo, clean typography, code highlighting, dark mode, "edit in GitHub", MDX, Markdoc AND MORE! 🌟

Astro

195,684 views • 3 years ago

✨ 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

89,955 views • 2 years ago

Here's a comparison of Amp Tab to another popular tab-edit implementation. After removing fields, Amp Tab (dark mode) tabs nicely through all follow-on edits. Cursor (light mode) suggests re-adding just-removed fields.
0:15

Here's a comparison of Amp Tab to another popular tab-edit implementation. After removing fields, Amp Tab (dark mode) tabs nicely through all follow-on edits. Cursor (light mode) suggests re-adding just-removed fields.

Beyang

11,150 views • 10 months ago

✨ Big Tailwind Plus update today — we added dark mode support to all of the marketing and application UI blocks! Now you can preview + copy any of these examples with just light mode styles, just dark mode styles, or with both light/dark support 🌒
0:13

✨ Big Tailwind Plus update today — we added dark mode support to all of the marketing and application UI blocks! Now you can preview + copy any of these examples with just light mode styles, just dark mode styles, or with both light/dark support 🌒

Adam Wathan

34,269 views • 10 months ago

light mode / dark mode gaussian splats care of World Labs
0:18

light mode / dark mode gaussian splats care of World Labs

Shaw (spirit/acc)

18,304 views • 3 months ago

animated sidebar navigation, dark/light mode
0:12

animated sidebar navigation, dark/light mode

Marina Budarina

14,869 views • 1 year ago

They built an entire building with furnished apartments in Pokémon Pokopia 🏢✨
0:15

They built an entire building with furnished apartments in Pokémon Pokopia 🏢✨

MAGIKARP🦈💦

883,223 views • 3 months ago

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 views • 2 years ago

toggle 🌛 brought to life with CSS && SVG
0:19

toggle 🌛 brought to life with CSS && SVG

jhey ʕ•ᴥ•ʔ

84,189 views • 1 year ago

🛠UEFN Generator is now ✅Generates 3D & 2D text in secs... 💬Feed & Ideas would be implemented ^
0:10

🛠UEFN Generator is now ✅Generates 3D & 2D text in secs... 💬Feed & Ideas would be implemented ^

Eve3D | UEFN

59,483 views • 4 months ago

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀
0:13

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

346,601 views • 1 month ago