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.

New frontend project in 24seconds⚡️ Stack: React, Tailwind, GSAP.

Boluwatife.vue.dev💚✨

2,976 subscribers

80,460 views • 2 years ago •via X (Twitter)

Science & Technology Arts Education

Anya Rossi• Live Now

Private livecam show

11 Comments

Boluwatife.vue.dev💚✨2 years ago

Live URL -

Boluwatife.vue.dev💚✨2 years ago

Repo -

Boluwatife.vue.dev💚✨2 years ago

Design by @adeoladev

Fred Wanders2 years ago

Man don’t mess with me that way. I thought you meant you did this in 24s. Was about to set fire to my pc and go live in the woods

Boluwatife.vue.dev💚✨2 years ago

Hahaha 😂😂😂😂

Oritsemoyowa🦇2 years ago

My Oga, the thing wey you do for here pass animate Y and opacity ooo #alwaysdigusing

Boluwatife.vue.dev💚✨2 years ago

Lmfaooooooo all na actually y and opacity ooo 😭😭😭

Roti2 years ago

Omo, see Idan But this one that you used React, as you're always preaching Vue to us 😂

Boluwatife.vue.dev💚✨2 years ago

Lmfaooooooo 😂😂😂. No trust anybody

O🐐2 years ago

Cleannn

Boluwatife.vue.dev💚✨2 years ago

Thanks Chief 🙏🏽

Related Videos

new work: Ayolaw✨’s portfolio stack: nuxt, tailwind, lenis, gsap and ❤️ 🔗 in thread

new work: Ayolaw✨’s portfolio stack: nuxt, tailwind, lenis, gsap and ❤️ 🔗 in thread

Boluwatife.vue.dev💚✨

12,165 views • 2 months ago

⚠️ Looking for Front End or Full-Stack Developers. Drop your work below ↓ (Tag/Refer someone we hire and get $500) Qualities: - Proficient in React/Next & Tailwind - GSAP and Framer Motion Knowledge - (optional) Webgl or back-end capabilities.

⚠️ Looking for Front End or Full-Stack Developers. Drop your work below ↓ (Tag/Refer someone we hire and get $500) Qualities: - Proficient in React/Next & Tailwind - GSAP and Framer Motion Knowledge - (optional) Webgl or back-end capabilities.

Victor

46,449 views • 1 year ago

Elysia with Bun 1.3 Full-stack server 1. Install Elysia w/ static plugin 2. Create an HTML file in the public folder 3. Start writing React That's it, no additional setup HMR, Tailwind, Tanstack Query, Eden Treaty, path alias works Frontend and backend bundle to 1 file

Elysia with Bun 1.3 Full-stack server 1. Install Elysia w/ static plugin 2. Create an HTML file in the public folder 3. Start writing React That's it, no additional setup HMR, Tailwind, Tanstack Query, Eden Treaty, path alias works Frontend and backend bundle to 1 file

SaltyAom

73,368 views • 1 year ago

Meet Kimi K2.6 agent - Video hero section, WebGL shaders, real backends. From one prompt. 🔹 Video hero sections - cinematic aesthetic, auto-composited 🔹 WebGL shader animations - native GLSL / WGSL, liquid metal, caustics, raymarching 🔹 Motion design - GSAP + Framer Motion 🔹 Backend database: Kimi wires up auth + database + backend in one pass. 🔹 Website stack - React 19 + TypeScript + Vite + Tailwind + shadcn/ui 🔹 3D w/ physically-based lighting - Three.js + React Three Fiber

Meet Kimi K2.6 agent - Video hero section, WebGL shaders, real backends. From one prompt. 🔹 Video hero sections - cinematic aesthetic, auto-composited 🔹 WebGL shader animations - native GLSL / WGSL, liquid metal, caustics, raymarching 🔹 Motion design - GSAP + Framer Motion 🔹 Backend database: Kimi wires up auth + database + backend in one pass. 🔹 Website stack - React 19 + TypeScript + Vite + Tailwind + shadcn/ui 🔹 3D w/ physically-based lighting - Three.js + React Three Fiber

Kimi.ai

394,331 views • 6 months ago

Should I make this personal project Open Source 😃? Tech stack used: - Angular v17.3 (new inputs, outputs) - Angular Material 3 (+ dark mode) - Firebase (+ local dev) - Tailwind (layouts and some styling) - ngxtension (connect, computedAsync, injectParams) #angular

Should I make this personal project Open Source 😃? Tech stack used: - Angular v17.3 (new inputs, outputs) - Angular Material 3 (+ dark mode) - Firebase (+ local dev) - Tailwind (layouts and some styling) - ngxtension (connect, computedAsync, injectParams) #angular

Enea Jahollari 🅰

11,043 views • 2 years ago

Ditched boring flat maps forever. Population Density 3D map- This is a premium glass-like orb floating in a quantum black void, with glowing spikes for every major city - taller + brighter = higher population. Rotate it. Zoom in. It was a fun exercise balancing 3D performance with clean, minimal UI. Tech Stack: React + Vite | Three.js | Tailwind CSS | Lucide React What do you think of the dark aesthetic? Like if you’re impressed Repost if you’re a dev who loves creative coding #React #ThreeJS #DataVisualization #WebGL #CreativeCoding #Frontend #TailwindCSS #UIUX

Ditched boring flat maps forever. Population Density 3D map- This is a premium glass-like orb floating in a quantum black void, with glowing spikes for every major city - taller + brighter = higher population. Rotate it. Zoom in. It was a fun exercise balancing 3D performance with clean, minimal UI. Tech Stack: React + Vite | Three.js | Tailwind CSS | Lucide React What do you think of the dark aesthetic? Like if you’re impressed Repost if you’re a dev who loves creative coding #React #ThreeJS #DataVisualization #WebGL #CreativeCoding #Frontend #TailwindCSS #UIUX

shadows

29,938 views • 7 months ago

We built one of Nigeria’s biggest Hosting Providers 👩🏽‍💻✨😌 Stack: WordPress, JS, Tailwind, PHP ⚡️ Timeline: 6 weeks ⏰ Status: Completed ✅

We built one of Nigeria’s biggest Hosting Providers 👩🏽‍💻✨😌 Stack: WordPress, JS, Tailwind, PHP ⚡️ Timeline: 6 weeks ⏰ Status: Completed ✅

Website Designer Nigeria

22,577 views • 5 months ago

Who are you?? - frontend developer - backend developer - full stack developer

Who are you?? - frontend developer - backend developer - full stack developer

Sahil

12,254 views • 8 months ago

Don't know what it's called but made this component with React and Tailwind in 1 hour

Don't know what it's called but made this component with React and Tailwind in 1 hour

Sam ☕

530,596 views • 1 year ago

⚡️bun just works™ bun init --react=shadcn ◆ React + Tailwind + shadcn ◆ Full TypeScript setup (.tsx/.ts without babel) ◆ Bun's built-in APIs (S3, Redis, SQL, WebSockets, etc.) ◆ Native test runner ◆ Cursor/Claude files included ◆ ... so much more, zero config 🚀

⚡️bun just works™ bun init --react=shadcn ◆ React + Tailwind + shadcn ◆ Full TypeScript setup (.tsx/.ts without babel) ◆ Bun's built-in APIs (S3, Redis, SQL, WebSockets, etc.) ◆ Native test runner ◆ Cursor/Claude files included ◆ ... so much more, zero config 🚀

Lydia Hallie ✨

168,288 views • 1 year ago

I’ve had this for a while Built with React,tailwind and Appwrite

I’ve had this for a while Built with React,tailwind and Appwrite

Your_TechSis🌐

20,803 views • 2 years ago

- 1170 Animated React icons - 111 free UI elements and 24 blocks - React frontend skills - Free animated React components - Free curated design inspiration

- 1170 Animated React icons - 111 free UI elements and 24 blocks - React frontend skills - Free animated React components - Free curated design inspiration

Csaba Kissi

13,906 views • 18 days ago

i brought my latest concept to life. it's just the frontend, but this exercise gave me a lot of fun well... the main screens went fast, but every small detail you see in the demo took hours of iteration ai gives you a decent first result, and you can just stop there, but if you want to care about every single detail, get ready for long hours in front of the screen, and endless iterations to make your pattern look special workflow: Figma for assets, Opus 5 for most tasks, Fable 5.1 and Astra for demanding tasks stack: React, Vite, Tailwind, GSAP demo: today, chat view, but there's a lot more of it inside 🤗

i brought my latest concept to life. it's just the frontend, but this exercise gave me a lot of fun well... the main screens went fast, but every small detail you see in the demo took hours of iteration ai gives you a decent first result, and you can just stop there, but if you want to care about every single detail, get ready for long hours in front of the screen, and endless iterations to make your pattern look special workflow: Figma for assets, Opus 5 for most tasks, Fable 5.1 and Astra for demanding tasks stack: React, Vite, Tailwind, GSAP demo: today, chat view, but there's a lot more of it inside 🤗

Arek

19,058 views • 1 month ago

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap

✨ NEW PROJECT 💤🌙 → A Digital Guide for a better sleeping quality, built from a Creative to another Creative. This project was part of the #WebflowChallenge and Contra. The project was built to explore seamless integration between Three.js (with Shaders), GSAP, and a No-Code setup in Webflow . I hope you enjoy the experience and gain valuable insights into how to improve your sleep. #VWLab #threejs #creativecoding #gsap

Victor Work

24,069 views • 11 months ago

Modern emails using React, Tailwind, and TypeScript. Thank you @ReactJS Conf for having me!

Modern emails using React, Tailwind, and TypeScript. Thank you @ReactJS Conf for having me!

Zeno Rocha

56,501 views • 1 year ago