Weblex

Overview

Weblex is a full-viewport dark website-builder marketing hero by SonoJS (demo brand: Weblex). Built with Vite 8, React 19, TypeScript, Tailwind CSS 4, Framer Motion, Lucide, and Radix Dialog. Looping hero video stage with transparent navbar, Introducing Smart Website Builder badge, Turn your big idea into a stunning website headline, Get Started Now CTA, and dialog chrome. Spring staggered entrances with scroll fade. Demo product chrome only - no builder backend. Vite build ready for Cloudflare Workers. Live Workers demo may still show Hello world until redeployed.

Highlights

1. 01

   Dark video stage

   Full-viewport looping hero video with transparent Weblex navbar.

2. 02

   Smart builder pitch

   Introducing Smart Website Builder badge into Turn your big idea… and Get Started Now.

3. 03

   Motion + dialog

   Framer Motion spring stagger, scroll fade, Lucide CTAs, and Radix dialog chrome.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + Tailwind 4 + Framer Motion - npm run build to dist/.

You get

• Full Vite + React 19 + TypeScript source (Weblex)
• WeblexDarkHero, HeroVideoBackground, HeroContent, Navbar
• ui/ button, badge, card, dialog (Radix)
• hero-weblex.mp4 + preview gif under public/assets
• Tailwind CSS 4 via @tailwindcss/vite + framer-motion + lucide-react