Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

ln_dev7's profile picture

LN

9,587 subscribers

17,933 görüntüleme • 1 yıl önce •via X (Twitter)

SanatBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

12 Yorum

LN profil fotoğrafı
LN1 yıl önce

Code : .

Skydance profil fotoğrafı
Skydance1 yıl önce

Congratulations to @crossonprime on 7 @naacpimageawards nominations!

Dmytro Chuta profil fotoğrafı
Dmytro Chuta1 yıl önce

@KumailNanji @dana_daniellaa Here’s a real product, in case anyone’s interested (not a design concept):

LN profil fotoğrafı
LN1 yıl önce

@KumailNanji @dana_daniellaa Thanks !

Dmazing Studio profil fotoğrafı
Dmazing Studio1 yıl önce

@KumailNanji @dana_daniellaa UI that makes sense and looks good 💎✨️

lakshay chauhan profil fotoğrafı
lakshay chauhan1 yıl önce

@KumailNanji @dana_daniellaa woah this look so good!

Gabin ✨✨ profil fotoğrafı
Gabin ✨✨1 yıl önce

@KumailNanji @dana_daniellaa En vrai je sais pas si c'est une bonne idée de te suivre. Parce que quand on voit ça et qu'on retourne sur nos UI, ça parait beaucoup plus fadasse d'un coup 😂

LN profil fotoğrafı
LN1 yıl önce

@KumailNanji @dana_daniellaa 😂😂 Merciiiii Ça fait plaisir de l'entendre :)

Dami Dina profil fotoğrafı
Dami Dina1 yıl önce

@KumailNanji @dana_daniellaa Beautiful

Peter Pang profil fotoğrafı
Peter Pang1 yıl önce

@KumailNanji @dana_daniellaa very cool! good job!

Green Yang profil fotoğrafı
Green Yang1 yıl önce

@KumailNanji @dana_daniellaa The color is so good. 🤌

LN profil fotoğrafı
LN1 yıl önce

@KumailNanji @dana_daniellaa Thanks :)

Benzer Videolar

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

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

LN

49,782 görüntüleme • 1 yıl önce

Subscriptions Calendar. Made with Tailwind and Framer Motion. Inspired by @KumailNanji
0:20

Subscriptions Calendar. Made with Tailwind and Framer Motion. Inspired by @KumailNanji

LN

418,388 görüntüleme • 1 yıl önce

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

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

LN

133,665 görüntüleme • 1 yıl önce

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

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

LN

10,919 görüntüleme • 1 yıl önce

Gallery. Made with Tailwind and Framer Motion. Navigation inspired by Manrope. Thanks to Hari · animata.design for the challenge. Hari is building an easy-to-install, open-source interaction library with hundreds of hand-crafted components. Check it out if that seems relevant to you.
0:20

Gallery. Made with Tailwind and Framer Motion. Navigation inspired by Manrope. Thanks to Hari · animata.design for the challenge. Hari is building an easy-to-install, open-source interaction library with hundreds of hand-crafted components. Check it out if that seems relevant to you.

Preet

17,363 görüntüleme • 1 yıl önce

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) :
0:33

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 görüntüleme • 8 ay önce

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 👇
0:22

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,840 görüntüleme • 6 ay önce

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) 👇
0:21

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,508 görüntüleme • 6 ay önce

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
0:47

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 görüntüleme • 1 yıl önce

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 ~
0:26

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 görüntüleme • 9 ay önce

what would a show about dating in sf look like? made with veo 3, inspired by twitter/x and friends 🫣
1:07

what would a show about dating in sf look like? made with veo 3, inspired by twitter/x and friends 🫣

jenn ☀️

38,940 görüntüleme • 1 yıl önce

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

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 görüntüleme • 1 yıl önce

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
0:54

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 görüntüleme • 7 ay önce

⚠️ 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,440 görüntüleme • 11 ay önce

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

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 görüntüleme • 2 yıl önce

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
0:39

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 görüntüleme • 2 yıl önce

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)
0:57

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,484 görüntüleme • 1 yıl önce

3d hover effect made only using css. no javascript or framer motion used here. im utilizing css `preserve-3d` transform-style. the parent tilts 55deg (X-axis) and spins -45deg (Z-axis). and on hover, im translating cards' Z 20px to have that elevation. with proper easing.
0:34

3d hover effect made only using css. no javascript or framer motion used here. im utilizing css `preserve-3d` transform-style. the parent tilts 55deg (X-axis) and spins -45deg (Z-axis). and on hover, im translating cards' Z 20px to have that elevation. with proper easing.

Soren

21,757 görüntüleme • 8 ay önce

built a new toc experience for my blog 📜 animated with Motion inspired by Raphael Salaja
0:27

built a new toc experience for my blog 📜 animated with Motion inspired by Raphael Salaja

victor

32,552 görüntüleme • 7 ay önce