Loading video...

Video Failed to Load

Go Home

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.

wickedmishra's profile picture

Preet

3,892 subscribers

17,363 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

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

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

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

LN

17,933 views • 1 year 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
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,405 views • 1 year ago

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴
0:27

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

daniel petho

188,521 views • 1 year ago

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →
1:38

Introducing OpenStatus - an open source monitoring service to check your api/website, collaborated with 🦋 @thibaultouay.dev. ◆ Built with Next.js, Turso, for speed. ◆ Built with Tailwind CSS, shadcn ui for seemless components. →

Maximilian Kaske 🏓

95,813 views • 2 years ago

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.
0:57

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.

Meng To

67,089 views • 1 year ago

UI Interaction 1️⃣5️⃣💪 Event Creation inspired by rauno’s work, built in #ReactNative, #Expo powered with Software Mansion’s #Reanimated and Gesture Handler library, by Karthik Balasubramanian Thanks to Expo snack and Evan Bacon 🥓, you can check it out here👇
0:21

UI Interaction 1️⃣5️⃣💪 Event Creation inspired by rauno’s work, built in #ReactNative, #Expo powered with Software Mansion’s #Reanimated and Gesture Handler library, by Karthik Balasubramanian Thanks to Expo snack and Evan Bacon 🥓, you can check it out here👇

Timeless

67,071 views • 3 years ago

Hey Designers! If you know Figma, you already know Tailwind layout. I told Replit ⠕ to build an app that shows you the equivalent Tailwind for Figma layout settings. It made a very tasteful app out of the box. Check it out here:
0:32

Hey Designers! If you know Figma, you already know Tailwind layout. I told Replit ⠕ to build an app that shows you the equivalent Tailwind for Figma layout settings. It made a very tasteful app out of the box. Check it out here:

jordwalke

28,227 views • 6 months ago

I've implemented a Gaussian Splatting renderer in VRChat! It was tricky, but turned out to be feasible. I've also made a public gallery with 12 splats you can check out: By the way the renderer is open source!
1:46

I've implemented a Gaussian Splatting renderer in VRChat! It was tricky, but turned out to be feasible. I've also made a public gallery with 12 splats you can check out: By the way the renderer is open source!

Mykhailo Moroz

45,776 views • 11 months 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
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 views • 2 years ago

My 4-hour Framer course is out and it's completely free! - Step-by-step and beginner-friendly - Extensive Figma to Framer workflow - Generate layouts with AI + experimentations - Effects, scroll interactions, animations, 3d - Components and lots of resources Final site: Figma template: Framer remix: Huge thanks to Framer for sponsoring this course!
3:07

My 4-hour Framer course is out and it's completely free! - Step-by-step and beginner-friendly - Extensive Figma to Framer workflow - Generate layouts with AI + experimentations - Effects, scroll interactions, animations, 3d - Components and lots of resources Final site: Figma template: Framer remix: Huge thanks to Framer for sponsoring this course!

Meng To

100,879 views • 2 years ago

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6
0:22

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6

Andrew Prifer

66,273 views • 1 year ago

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.
6:08

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.

Evan Boyle

14,446 views • 1 year ago

I recreated the iOS list view with React Aria Components and Framer Motion! It has fluid swipe gestures, layout animations, multiple selection mode, and even keyboard support. The code is remarkably small for that much functionality too. Check it out! 🤩
0:21

I recreated the iOS list view with React Aria Components and Framer Motion! It has fluid swipe gestures, layout animations, multiple selection mode, and even keyboard support. The code is remarkably small for that much functionality too. Check it out! 🤩

Devon Govett

89,948 views • 2 years ago

LIVE NOW 🚨 Average Creatures Universe by Karen Jerzyk Celebrate the spooky season by adopting an average creature 👻 Each character is meticulously crafted, with hundreds of assets and layers composited to form a unique piece. Check it out 🎃
0:40

LIVE NOW 🚨 Average Creatures Universe by Karen Jerzyk Celebrate the spooky season by adopting an average creature 👻 Each character is meticulously crafted, with hundreds of assets and layers composited to form a unique piece. Check it out 🎃

Crypto.com NFT

19,927 views • 1 year ago

🚀 Introducing Tailark Mist! A fresh shadcn /UI marketing block kit with an airy, Notion-inspired look. ✨ Free & open-source ✨ Easy install: Copy-paste, `shadcn add`, or open in v0 ✨ Free & open-source Check it at
1:17

🚀 Introducing Tailark Mist! A fresh shadcn /UI marketing block kit with an airy, Notion-inspired look. ✨ Free & open-source ✨ Easy install: Copy-paste, `shadcn add`, or open in v0 ✨ Free & open-source Check it at

Méschac Irung

33,920 views • 1 year ago

Built an open-source Jupyter Notebook that brings the power of OpenAI's code interpreter into your local Python development environment. Watch how easy it is to use Thread to edit code I wrote, chat with my notebook, or generate charts just using prompts. We built Thread using Next.js, Chakra and Project Jupyter and you can install it by running: pip install thread-dev
0:22

Built an open-source Jupyter Notebook that brings the power of OpenAI's code interpreter into your local Python development environment. Watch how easy it is to use Thread to edit code I wrote, chat with my notebook, or generate charts just using prompts. We built Thread using Next.js, Chakra and Project Jupyter and you can install it by running: pip install thread-dev

Ali Shobeiri

112,638 views • 2 years ago