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.

Subscriptions Calendar. Made with Tailwind and Framer Motion. Inspired by Kumail Nanji

LN

12,366 subscribers

418,787 views • 2 years ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

10 Comments

LN2 years ago

Check :

bbxbeats2 years ago

@KumailNanji Very clean! Will this be something you're going to release or was it just a fun project?

LN2 years ago

@KumailNanji just for fun :)

Flavien 🐿️ Vagabond maker2 years ago

@KumailNanji Beautiful! Will you make a SaaS of it?

LN2 years ago

@KumailNanji No 😅 Just for fun

Kumail Nanji2 years ago

Looks lit my guy 🔥🔥

LN2 years ago

Thanks ✨

Willy DJOPA 🇨🇲2 years ago

@KumailNanji Tu gères trop bien @ln_dev7 👏🏾👏🏾👏🏾

LN2 years ago

@KumailNanji Thanks ✨

Ali Samadi2 years ago

@KumailNanji Fantastic man

Related Videos

Subscription Calendar with more details. Made with Tailwind and Framer Motion. Inspired by @KumailNanji

Subscription Calendar with more details. Made with Tailwind and Framer Motion. Inspired by @KumailNanji

LN

133,724 views • 2 years ago

Subscription Calendar with more views. Made with Tailwind and Framer Motion. Inspired by @KumailNanji x @dana_daniellaa

Subscription Calendar with more views. Made with Tailwind and Framer Motion. Inspired by @KumailNanji x @dana_daniellaa

LN

49,818 views • 2 years ago

animated illustration that picks a different path every time you see it 🪄✨🛣️ framer motion + tailwind + svg + react

animated illustration that picks a different path every time you see it 🪄✨🛣️ framer motion + tailwind + svg + react

pugson

113,320 views • 3 years ago

Admin dashboard With Ai AI assistant ! built with - Next.js 16. - Tailwind CSS 4. - TanStack Query. - Framer Motion. Comes with NestJS backend, TypeORM, JWT auth, RBAC, WebSocket-powered updates, AI assistant, and multilingual support. Demo + Source Code (Not Free) :

Admin dashboard With Ai AI assistant ! built with - Next.js 16. - Tailwind CSS 4. - TanStack Query. - Framer Motion. Comes with NestJS backend, TypeORM, JWT auth, RBAC, WebSocket-powered updates, AI assistant, and multilingual support. Demo + Source Code (Not Free) :

Aniq-ui

114,674 views • 11 months ago

Next.js Admin Dashboard with AI Assistant! built with - Next.js 16 - Tailwind CSS - TanStack Query - Framer Motion - next-intl (Full RTL support) Comes with NestJS backend, TypeORM, JWT auth, RBAC, real-time WebSocket updates, AI assistant powered by Gemini & DeepSeek APIs, and multilingual support. Demo + Source Code First comment 👇

Next.js Admin Dashboard with AI Assistant! built with - Next.js 16 - Tailwind CSS - TanStack Query - Framer Motion - next-intl (Full RTL support) Comes with NestJS backend, TypeORM, JWT auth, RBAC, real-time WebSocket updates, AI assistant powered by Gemini & DeepSeek APIs, and multilingual support. Demo + Source Code First comment 👇

Mohamed Djoudir

87,878 views • 9 months ago

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇

Mohamed Djoudir

198,740 views • 9 months ago

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

CodeHagen

241,680 views • 1 year ago

a smoother radius transform version using css. no framer motion used here. for auto height transition using css `grid` inspired by jhey ʕ•ᴥ•ʔ. when collapsed `grid-rows-[0fr]` and expanded `grid-rows-[1fr]`. and that with `ease-out-cubic` with `300ms` makes it feel just perfect ~

a smoother radius transform version using css. no framer motion used here. for auto height transition using css `grid` inspired by jhey ʕ•ᴥ•ʔ. when collapsed `grid-rows-[0fr]` and expanded `grid-rows-[1fr]`. and that with `ease-out-cubic` with `300ms` makes it feel just perfect ~

Soren

119,817 views • 1 year ago

Had a lot fun on this one! Art direction, design, dev, motion, music, and anything else I could throw in, by yours truly. Made with C4D, Framer, Cursor, Figma, Midjourney, Logic Pro, Cavalry, and a bit of wizardry

Had a lot fun on this one! Art direction, design, dev, motion, music, and anything else I could throw in, by yours truly. Made with C4D, Framer, Cursor, Figma, Midjourney, Logic Pro, Cavalry, and a bit of wizardry

Cam Sackett

19,969 views • 11 months ago

Stop designing hierarchy without motion The perfect layout still needs motion to create hierarchy Try my rule of 3 to apply better hierarchy with motion to your Framer #framer #ui #framerpartner

Stop designing hierarchy without motion The perfect layout still needs motion to create hierarchy Try my rule of 3 to apply better hierarchy with motion to your Framer #framer #ui #framerpartner

Zander Whitehurst

18,097 views • 7 months ago

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,854 views • 1 year 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,559 views • 1 year ago

Next.js SaaS Template (2026 Edition) built with - Next.js 16 & React 19 - Tailwind CSS 4 - Framer Motion - Next-intl (RTL support) Comes with Dark-themed design, i18n (EN + AR), Pricing pages, Blog, Auth pages, Charts & animations. Demo + Source Code (First comment) 👇

Next.js SaaS Template (2026 Edition) built with - Next.js 16 & React 19 - Tailwind CSS 4 - Framer Motion - Next-intl (RTL support) Comes with Dark-themed design, i18n (EN + AR), Pricing pages, Blog, Auth pages, Charts & animations. Demo + Source Code (First comment) 👇

Aniq-ui

107,821 views • 9 months ago

Made a copy of the monthly calendar used by Cal.com with shadcn UI, Radix by WorkOS Colors and React Aria

Made a copy of the monthly calendar used by Cal.com with shadcn UI, Radix by WorkOS Colors and React Aria

Damián Ricobelli

54,160 views • 2 years ago

Mini calendar component designed in Paper, animated with Motion

Mini calendar component designed in Paper, animated with Motion

Jeet

86,012 views • 6 months ago

SwiftUI Expanded Calendar Inspired by Gym Tracker App Video tutorial

SwiftUI Expanded Calendar Inspired by Gym Tracker App Video tutorial

sucodee

33,552 views • 1 year ago

I created LinkNode, an open-source tool that generates one link for all your links. Inspired by Fayaz Ahmed's onelink repo. Try out : Built with Next.js, shadcn, and Tailwind CSS. #buildinpublic

I created LinkNode, an open-source tool that generates one link for all your links. Inspired by Fayaz Ahmed's onelink repo. Try out : Built with Next.js, shadcn, and Tailwind CSS. #buildinpublic

Suraj

84,831 views • 3 years ago

STOP using absolute positioning in Framer... comment "FRAMER" and i'll send you the project with the CORRECT page structure (used by all framer experts)

STOP using absolute positioning in Framer... comment "FRAMER" and i'll send you the project with the CORRECT page structure (used by all framer experts)

Framer University

11,486 views • 1 year ago