Loading video...

Video Failed to Load

Go Home

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

Jakubantalik's profile picture

Jakub Antalik

19,768 subscribers

81,875 views • 3 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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 views • 4 months ago

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

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 views • 1 month ago

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

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 views • 2 months ago

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

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 views • 7 days ago

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?
0:16

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 views • 28 days ago

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

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

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

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

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

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 views • 2 years ago

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

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 views • 9 months ago

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!
0:13

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 views • 3 years ago

🎉 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: 👇
0:16

🎉 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 views • 2 years ago

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

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 views • 1 month ago

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

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 views • 2 months ago

🚨 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! 👇
0:12

🚨 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 views • 2 years ago

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 🚀
0:13

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 views • 4 months ago

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

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

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

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 views • 1 month ago

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 🤩
0:19

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 views • 10 months ago

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

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 views • 3 months ago