IconiqUI

iconiqui.com is a growing collection of motion-aware React components built for developers who want interfaces to feel polished without adding unnecessary complexity.

Most component libraries give you a package to install. Iconiq gives you the source. Every component is added directly to your codebase, so you can understand it, modify it, and make it truly fit your product.

What makes Iconiq different:

  • Thoughtful motion that improves usability instead of distracting from it
  • Components installed as source code, not locked behind a package
  • Works with both Base UI and Radix UI foundations
  • Built with accessibility and real-world product needs in mind
  • Minimalist design language focused on clarity and consistency
  • Easy to customize, extend, and adapt to your own design system
  • Production-ready patterns for common UI interactions

Who it’s for:

  • Developers who like owning their code
  • Teams building custom design systems
  • Products that want subtle, high-quality interactions
  • Anyone tired of fighting component libraries that are hard to customize

Technical details:

  • Framework: Next.js
  • Support: Base UI & Radix UI
  • Styling: Tailwind CSS
  • TypeScript: Full support
  • Installation: Source-first registry workflow
  • License: Open source

The goal is simple: help developers build interfaces that feel better, move better, and remain completely under their control.

DEMO LINK: https://iconiqui.com

Thank you !!

1 Like

@edwinvakayil WHY does this only have 37 stars?!! This is AWESOME!
I love so many things about it. The ripple effects on the buttons, the icon bar, the way the numbers fade in and up on the input OTP… soooo good. Keep up the amazing work!