正在加载视频...

视频加载失败

返回首页

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 次观看 • 1 年前 •via X (Twitter)

艺术科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

12 条评论

LN 的头像
LN1 年前

Code : .

Skydance 的头像
Skydance1 年前

Congratulations to @crossonprime on 7 @naacpimageawards nominations!

Dmytro Chuta 的头像
Dmytro Chuta1 年前

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

LN 的头像
LN1 年前

@KumailNanji @dana_daniellaa Thanks !

Dmazing Studio 的头像
Dmazing Studio1 年前

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

lakshay chauhan 的头像
lakshay chauhan1 年前

@KumailNanji @dana_daniellaa woah this look so good!

Gabin ✨✨ 的头像
Gabin ✨✨1 年前

@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 的头像
LN1 年前

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

Dami Dina 的头像
Dami Dina1 年前

@KumailNanji @dana_daniellaa Beautiful

Peter Pang 的头像
Peter Pang1 年前

@KumailNanji @dana_daniellaa very cool! good job!

Green Yang 的头像
Green Yang1 年前

@KumailNanji @dana_daniellaa The color is so good. 🤌

LN 的头像
LN1 年前

@KumailNanji @dana_daniellaa Thanks :)

相关视频

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

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

LN

49,789 次观看 • 1 年前

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,455 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 2 年前

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

114,330 次观看 • 8 个月前

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,878 次观看 • 6 个月前

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,624 次观看 • 6 个月前

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,680 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 9 个月前

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 次观看 • 8 个月前

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 次观看 • 1 年前

⚠️ 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,449 次观看 • 11 个月前

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 次观看 • 2 年前

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 次观看 • 2 年前

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 次观看 • 9 个月前

Confetti with real weight and wind that actually lands on the button. Made it with Claude, inspired by Jakub Antalik. Would you add anything else? (happy pay day X creators)
0:29

Confetti with real weight and wind that actually lands on the button. Made it with Claude, inspired by Jakub Antalik. Would you add anything else? (happy pay day X creators)

Tran Mau Tri Tam ✪

10,328 次观看 • 9 天前

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 次观看 • 1 年前