Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

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

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:
1:01

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Kiyotaka

196,770 görüntüleme • 20 gün önce

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

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

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

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

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

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

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

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

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

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.
1:01

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 görüntüleme • 1 yıl önce

Thrilled to see Amazon Web Services making a major contribution to the open source AI community with the launch of the Strands Agents, an open source AI agents SDK! The core of Strands is the simple agentic loop that connects the model and tools together, like the two strands of DNA. This model-driven approach to agent building eliminates the need for complex agent orchestration by embracing the capabilities of state-of-the-art models to plan, chain thoughts, call tools, and reflect. Providing open source tools and interoperability with open source protocols is an important part of our strategy to enable an agentic future. Can't wait to see what you build with Strands!
1:33

Thrilled to see Amazon Web Services making a major contribution to the open source AI community with the launch of the Strands Agents, an open source AI agents SDK! The core of Strands is the simple agentic loop that connects the model and tools together, like the two strands of DNA. This model-driven approach to agent building eliminates the need for complex agent orchestration by embracing the capabilities of state-of-the-art models to plan, chain thoughts, call tools, and reflect. Providing open source tools and interoperability with open source protocols is an important part of our strategy to enable an agentic future. Can't wait to see what you build with Strands!

Swami Sivasubramanian

32,185 görüntüleme • 1 yıl önce

✨ My Book of Dreams ✨ A little girl, a quiet corner, and a book that opens the door to magic. This short film was crafted with love using Kling AI 2.0 for the animation, and brought to life with the voice of a child thanks to Hailuo AI (MiniMax) Audio. All in a handcrafted, stop-motion-inspired world made of felt, light… and wonder. 🎬 Watch it. 🧡 Share it. 📖 Dream with it.
1:26

✨ My Book of Dreams ✨ A little girl, a quiet corner, and a book that opens the door to magic. This short film was crafted with love using Kling AI 2.0 for the animation, and brought to life with the voice of a child thanks to Hailuo AI (MiniMax) Audio. All in a handcrafted, stop-motion-inspired world made of felt, light… and wonder. 🎬 Watch it. 🧡 Share it. 📖 Dream with it.

OscarAI

27,311 görüntüleme • 1 yıl önce

Building with AI gets easier every day. Here is an open-source library that makes integrating AI into an application extremely easy: Star the repository! This library alone can make React the best front-end framework out there! There are a bunch of cool things I like about CopilotKit. Here are 3 of them: 1. It allows you to take any -powered agent and bring it into your application. (This is a brand-new feature!) 2. You can build an AI-powered chatbot in your application. The chatbot will have access to your context and can act on the application. 3. You can build a RAG workflow to process and answer questions from a real-time knowledge base. I recorded a video to show you how simple it is to make some of this happen. A few lines of code, and you are in business. Here is a link to the sample application: CopilotKit is open-source. You can self-host it. You can use it with any LLM. Thanks to the team for showing me their tool and collaborating with me on this post!
5:59

Building with AI gets easier every day. Here is an open-source library that makes integrating AI into an application extremely easy: Star the repository! This library alone can make React the best front-end framework out there! There are a bunch of cool things I like about CopilotKit. Here are 3 of them: 1. It allows you to take any -powered agent and bring it into your application. (This is a brand-new feature!) 2. You can build an AI-powered chatbot in your application. The chatbot will have access to your context and can act on the application. 3. You can build a RAG workflow to process and answer questions from a real-time knowledge base. I recorded a video to show you how simple it is to make some of this happen. A few lines of code, and you are in business. Here is a link to the sample application: CopilotKit is open-source. You can self-host it. You can use it with any LLM. Thanks to the team for showing me their tool and collaborating with me on this post!

Santiago

108,835 görüntüleme • 2 yıl önce

This library will blow up for a simple reason: It's the best for building a chatbot that doesn't hallucinate and knows how to answer questions. It's open-source, and it literally takes a few lines of code to run. Check the attached video.
6:58

This library will blow up for a simple reason: It's the best for building a chatbot that doesn't hallucinate and knows how to answer questions. It's open-source, and it literally takes a few lines of code to run. Check the attached video.

Santiago

107,840 görüntüleme • 11 ay önce

I am keen to show you with a few lines of YAML config I am able to monitor my website and create a GitHub Issue if it is down by using the Open Source project Kestra Kestra is the Open Source Orchestration Tool with a large ecosystem of plugins, with these plugins you can connect them together like lego and building anything! Try it yourself, GitHub repo link below...
2:20

I am keen to show you with a few lines of YAML config I am able to monitor my website and create a GitHub Issue if it is down by using the Open Source project Kestra Kestra is the Open Source Orchestration Tool with a large ecosystem of plugins, with these plugins you can connect them together like lego and building anything! Try it yourself, GitHub repo link below...

Eddie Jaoude | DevRel | Open Source

16,851 görüntüleme • 1 yıl önce

Today, we’re releasing beta access to Originkit. An animated component library for building modern websites without starting from scratch. We’re providing support for: - Framer integration - React code - MCP support for AI coding tools We’re opening access to only 500 users first, so we can test the platform, collect feedback, and improve it properly. Right now, we have 45 components available, and we’re aiming to reach 250 components in the next 3 months. If you want to be part of the beta, comment “originkit” and I’ll send you the invitation link to sign up to the platform and start using the components.
0:42

Today, we’re releasing beta access to Originkit. An animated component library for building modern websites without starting from scratch. We’re providing support for: - Framer integration - React code - MCP support for AI coding tools We’re opening access to only 500 users first, so we can test the platform, collect feedback, and improve it properly. Right now, we have 45 components available, and we’re aiming to reach 250 components in the next 3 months. If you want to be part of the beta, comment “originkit” and I’ll send you the invitation link to sign up to the platform and start using the components.

Praha

41,344 görüntüleme • 1 ay önce

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.
0:28

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.

joshpuckett

104,728 görüntüleme • 6 ay önce