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,115 subscribers

418,251 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

10 Comments

LN1 year ago

Check :

bbxbeats1 year ago

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

LN1 year ago

@KumailNanji just for fun :)

Flavien 🐿️ Vagabond maker1 year ago

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

LN1 year ago

@KumailNanji No 😅 Just for fun

Kumail Nanji1 year ago

Looks lit my guy 🔥🔥

LN1 year ago

Thanks ✨

Willy DJOPA 🇨🇲1 year ago

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

LN1 year ago

@KumailNanji Thanks ✨

Ali Samadi1 year ago

@KumailNanji Fantastic man

Related Videos

Subscriptions Calendar – Revisited Made with Tailwind and Framer Motion. Inspired by Kumail Nanji x @dana_daniellaa

Subscriptions Calendar – Revisited Made with Tailwind and Framer Motion. Inspired by Kumail Nanji x @dana_daniellaa

LN

17,933 views • 1 year ago

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,483 views • 1 year 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,764 views • 1 year ago

Send Money Interaction ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

Send Money Interaction ✧ Made with Tailwind and Framer Motion. Inspired by Nitish Khagwal

LN

10,757 views • 1 year 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) :

Mohamed Djoudir

113,879 views • 7 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,250 views • 5 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,625 views • 5 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,425 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

114,785 views • 7 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

13,270 views • 2 months 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 • 6 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,338 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,413 views • 10 months 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) 👇

Mohamed Djoudir

107,279 views • 5 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

84,182 views • 1 month ago

SwiftUI Expanded Calendar Inspired by Gym Tracker App Video tutorial

SwiftUI Expanded Calendar Inspired by Gym Tracker App Video tutorial

sucodee

33,267 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

82,110 views • 2 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,480 views • 1 year ago