Loading video...

Video Failed to Load

Go Home

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

developerBolu's profile picture

Boluwatife.vue.dev💚✨

2,763 subscribers

72,478 views • 1 year ago •via X (Twitter)

Science & TechnologyArtsEducation
LIVE

Anya Rossi• Live Now

Private livecam show

11 Comments

Boluwatife.vue.dev💚✨'s profile picture
Boluwatife.vue.dev💚✨1 year ago

Live URL -

Boluwatife.vue.dev💚✨'s profile picture
Boluwatife.vue.dev💚✨1 year ago

Repo -

Boluwatife.vue.dev💚✨'s profile picture
Boluwatife.vue.dev💚✨1 year ago

Design by @adeoladev

Fred Wanders's profile picture
Fred Wanders1 year 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💚✨'s profile picture
Boluwatife.vue.dev💚✨1 year ago

Hahaha 😂😂😂😂

Oritsemoyowa🦇's profile picture
Oritsemoyowa🦇1 year ago

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

Boluwatife.vue.dev💚✨'s profile picture
Boluwatife.vue.dev💚✨1 year ago

Lmfaooooooo all na actually y and opacity ooo 😭😭😭

Roti's profile picture
Roti1 year ago

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

Boluwatife.vue.dev💚✨'s profile picture
Boluwatife.vue.dev💚✨1 year ago

Lmfaooooooo 😂😂😂. No trust anybody

O🐐's profile picture
O🐐1 year ago

Cleannn

Boluwatife.vue.dev💚✨'s profile picture
Boluwatife.vue.dev💚✨1 year ago

Thanks Chief 🙏🏽

Related Videos

⚠️ 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.
0:26

⚠️ 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,413 views • 9 months 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
0:32

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,164 views • 7 months 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
0:43

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

385,550 views • 1 month 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
1:31

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 🅰

10,730 views • 2 years ago

react + tailwind calendar 🫡 only thing missing is dnd, shipping in Benji 🔜
0:21

react + tailwind calendar 🫡 only thing missing is dnd, shipping in Benji 🔜

kitze 🎄

108,141 views • 1 year 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
0:23

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

SHAHNAB AHMED

29,507 views • 2 months ago

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

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

Website Designer Nigeria

21,809 views • 1 month ago

Who are you?? - frontend developer - backend developer - full stack developer
0:34

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

Sahil

12,254 views • 3 months ago

⚡️Live: A new project for #havaianas is finally live. An interactive landing page using #threejs and GSAP that shows how the most beloved flip flops in Brazil are created. Congrats to all the Neotix Transformação Digital team. Case study is here:
0:30

⚡️Live: A new project for #havaianas is finally live. An interactive landing page using #threejs and GSAP that shows how the most beloved flip flops in Brazil are created. Congrats to all the Neotix Transformação Digital team. Case study is here:

Anderson Mancini

11,525 views • 3 years 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 🚀
0:34

⚡️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 ✨

167,707 views • 10 months ago

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

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

Sam ☕

526,797 views • 7 months ago

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!
1:27

⚡️ Full-Stack React Starter Template ✨ What’s inside? ⌘ Frontend: Built with React, Vite ⚡, TANSTACK (Router, Query, Table), shadcn, and more ⌘ Backend: Powered by Hono, Drizzle ORM, Neon - Serverless Postgres – 100% type-safe ⌘ Deploy-Ready: Seamless deployment on Vercel 📦 Includes a fully functional Todo app to get you started! 🎉 The complete repo will be Open Source and FREE. Stay tuned!

Bharat Kara

48,852 views • 1 year ago

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

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

Your_TechSis🌐

20,803 views • 2 years 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
0:48

✨ 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

23,653 views • 6 months ago

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

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

Zeno Rocha

56,501 views • 7 months ago

Tomasz Ducin and I are creating a new training!📚 "Ace Frontend Tech interviews in the layoff era" ☘️Tailored for Frontend devs ☘️Focus on soft skills and convincing the interviewer ☘️Mock interviews & interactive learning ☘️Secure your future Share = 🥰❤️ #Angular #React
1:07

Tomasz Ducin and I are creating a new training!📚 "Ace Frontend Tech interviews in the layoff era" ☘️Tailored for Frontend devs ☘️Focus on soft skills and convincing the interviewer ☘️Mock interviews & interactive learning ☘️Secure your future Share = 🥰❤️ #Angular #React

Brecht Billiet

16,763 views • 2 years ago

Did you know is full stack? This means you can run a node server in your browser! I created this full stack auth system with React + Express + SQLite DB. All running from my project file with no outside dependencies. This is the real power of Bolt.
1:17

Did you know is full stack? This means you can run a node server in your browser! I created this full stack auth system with React + Express + SQLite DB. All running from my project file with no outside dependencies. This is the real power of Bolt.

Wes Winder

27,747 views • 1 year ago

New #threejs project live using #r3f, GSAP, and a lot of #glsl shader magic for My Muscle Chef 😍. ⚡️Llive link: I will publish a more detailed tutorial teaching some of the tricks as soon as possible 😬. Hope you like it! #threejsJourney
1:23

New #threejs project live using #r3f, GSAP, and a lot of #glsl shader magic for My Muscle Chef 😍. ⚡️Llive link: I will publish a more detailed tutorial teaching some of the tricks as soon as possible 😬. Hope you like it! #threejsJourney

Anderson Mancini

32,103 views • 2 years ago