正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Animated image loader component library ready to use, supports dark and light theme npm install img-fx

Jakub Antalik

19,768 subscribers

81,875 次观看 • 3 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

Jakub Antalik

135,146 次观看 • 4 个月前

Thinking Orbs, animated component library 6 types, optimized for large and small sizes, light & dark mode, playground, zero dependencies npm install thinking-orbs Collaborated on this with alex brinza who did a lot of work

Thinking Orbs, animated component library 6 types, optimized for large and small sizes, light & dark mode, playground, zero dependencies npm install thinking-orbs Collaborated on this with alex brinza who did a lot of work

Jakub Antalik

646,554 次观看 • 1 个月前

Border beam for light mode: Animated border beam component for React, 5 different types and multiple color variants npm install border-beam

Border beam for light mode: Animated border beam component for React, 5 different types and multiple color variants npm install border-beam

Jakub Antalik

35,869 次观看 • 2 个月前

Rebuilt the Metal effect library: It now includes reflection on the cursor, fluid hover bending, reflection on neighbor elements, dynamic glow, 4 types, ready to use npm install metal-fx

Rebuilt the Metal effect library: It now includes reflection on the cursor, fluid hover bending, reflection on neighbor elements, dynamic glow, 4 types, ready to use npm install metal-fx

Jakub Antalik

43,764 次观看 • 7 天前

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

92,145 次观看 • 28 天前

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)

Framer University

26,763 次观看 • 1 年前

made a component that renders forms based on a zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for this

made a component that renders forms based on a zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for this

jordi 🇪🇸

199,812 次观看 • 1 年前

We’ve updated our Android widgets. Track key business metrics from your home screen. 📈 Monitor daily net and gross volumes, payments, customers 🌗 Use light or dark theme ↔️ Resize widgets

We’ve updated our Android widgets. Track key business metrics from your home screen. 📈 Monitor daily net and gross volumes, payments, customers 🌗 Use light or dark theme ↔️ Resize widgets

Stripe

38,756 次观看 • 2 年前

It's so much fun to work with Canvas and Transitions. ✨ Came up with a Light<->Dark Theme transition with #swiftUI

It's so much fun to work with Canvas and Transitions. ✨ Came up with a Light<->Dark Theme transition with #swiftUI

Shubham Singh

28,103 次观看 • 9 个月前

1. Install the Bardeen plugin → Activate plugins in ChatGPT Plus settings (3 dots bottom left, then Beta Features) → Search for "Bardeen" in the plugin store and install it Now you're ready to use it!

1. Install the Bardeen plugin → Activate plugins in ChatGPT Plus settings (3 dots bottom left, then Beta Features) → Search for "Bardeen" in the plugin store and install it Now you're ready to use it!

Paul Couvert

17,698 次观看 • 3 年前

🎉 Introducing: Smooth Scroll for Framer. Copy and paste the component into your website, and you're ready to go. Free. Easy to use. Customizable. Get it and watch the tutorial below: 👇

🎉 Introducing: Smooth Scroll for Framer. Copy and paste the component into your website, and you're ready to go. Free. Easy to use. Customizable. Get it and watch the tutorial below: 👇

Framer University

24,918 次观看 • 2 年前

I found a component library with 250+ animations that will make your frontend look insane. And it's completely FREE ! >Ready to use components with animations built in >Copy and drop straight into your project >The kind of UI that makes your app look like a $50K build Your frontend will never look the same.

I found a component library with 250+ animations that will make your frontend look insane. And it's completely FREE ! >Ready to use components with animations built in >Copy and drop straight into your project >The kind of UI that makes your app look like a $50K build Your frontend will never look the same.

Harshil Tomar

185,321 次观看 • 1 个月前

We were never fully satisfied with the animated components available outside. Some looked good but were hard to customize. Some were easy to use but felt too basic. So 2 months ago, we started building our own. It started as a Framer component library. Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too. Now we’re finally launching the beta on July 2, 11 AM IST. Only for the first 500 users. If you’re building animated websites, this will save you a lot of time. And I think you’re going to love this.

We were never fully satisfied with the animated components available outside. Some looked good but were hard to customize. Some were easy to use but felt too basic. So 2 months ago, we started building our own. It started as a Framer component library. Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too. Now we’re finally launching the beta on July 2, 11 AM IST. Only for the first 500 users. If you’re building animated websites, this will save you a lot of time. And I think you’re going to love this.

Praha

45,613 次观看 • 2 个月前

🚨 IONIC V8 BETA IS HERE 🚨 The latest release for Ionic is here with tons of new features and improvements 🎨 A more accessible high contrast theme 🧑‍🎨 Updated component design to match iOS 17 🦞 Revamped Picker Component for inline use Check it out in action! 👇

🚨 IONIC V8 BETA IS HERE 🚨 The latest release for Ionic is here with tons of new features and improvements 🎨 A more accessible high contrast theme 🧑‍🎨 Updated component design to match iOS 17 🦞 Revamped Picker Component for inline use Check it out in action! 👇

ionic

12,848 次观看 • 2 年前

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

363,145 次观看 • 4 个月前

I created a prompt library for the new GPT image API. I vibe coded it this morning with Replit Agent. It allows me to save prompts as well as run multi-variant generations. The app supports batch uploads and has some other cool features: - Auth with Replit Auth - Object Storage for images - DB for users / prompts / sessions - Image compression for efficiency - Parallel calls to OpenAI for image gen

I created a prompt library for the new GPT image API. I vibe coded it this morning with Replit Agent. It allows me to save prompts as well as run multi-variant generations. The app supports batch uploads and has some other cool features: - Auth with Replit Auth - Object Storage for images - DB for users / prompts / sessions - Image compression for efficiency - Parallel calls to OpenAI for image gen

matt palmer

38,764 次观看 • 1 年前

New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.

New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.

shadcn

276,292 次观看 • 1 个月前

Omarchy does not contain one gram of bloat. I use everything we install by default. And it's incredible how light that package is: Just ~6GB for a complete system with all the apps, styling, and configuration needed to start doing professional work 🤩

Omarchy does not contain one gram of bloat. I use everything we install by default. And it's incredible how light that package is: Just ~6GB for a complete system with all the apps, styling, and configuration needed to start doing professional work 🤩

DHH

963,084 次观看 • 10 个月前

Run Ideogram 4 with 6GB VRAM Locally WanGP now supports Ideogram 4, just need around 6GB VRAM to run. The JSON based prompting lets you describe the layout of the image PRECISELY, and you can use the built-in prompt helper to build the prompt.

Run Ideogram 4 with 6GB VRAM Locally WanGP now supports Ideogram 4, just need around 6GB VRAM to run. The JSON based prompting lets you describe the layout of the image PRECISELY, and you can use the built-in prompt helper to build the prompt.

cocktail peanut

24,794 次观看 • 3 个月前