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

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-fxshow more

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 workshow more

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

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?show more

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 :)show more

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 thisshow more

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 widgetsshow more

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

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!show more

🎉 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: 👇show more

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.show more

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.show more

🚨 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! 👇show more

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 🚀show more

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 genshow more

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.show more

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 🤩show more

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.show more

How to use Kling AI 2.5 Turbo Start and... End Frame to create a sophisticated makeup look: Step 1: Upload your photo and use the image to generate the makeup. The prompt is as follows: Add vibrant fantasy makeup with purple and yellow gradient eyeshadow, dramatic eyeliner, glitter details under the eyes, and small rhinestones arranged decoratively, keeping the lighting, pose, and outfit consistent. Step 2: Use the Start and End Frame feature to animate the image. The prompt is as follows: The woman lifts her head as the light above illuminates her face, creating a subtle overexposed glow. Her makeup appears to finish itself under the shifting light, and she lowers her gaze toward the camera with a soft, controlled expression. Try Kling AI now!show more