@aumiqx/ui
Components that don't exist
anywhere else.
Gesture-driven CTAs, physics interactions, glass morphism, and terminal UI. Built with Framer Motion + Tailwind. MIT licensed. Zero dependencies.
why this exists
Buttons are boring.
The left side is what every website uses. The right side is what yours could feel like.
standard html
@aumiqx/ui
SlideToUnlock
Interactions that prove intent.
Slide, flip, pull, hold, sweep. Every component measures how deliberate the user's action is. No accidental clicks.
SlideToUnlock
Drag the handle to the end. Spring physics snap it back if released too early. iOS-style deliberate action.
lift the cover
HardwareSwitch
Two-step confirmation: lift the safety cover, then flip the switch. Physical UI in the browser.
pull down to snap
LeverCTA
Pull the tension wire down. Watch it stretch. Keep going until it snaps. The snap triggers the action.
2 seconds to confirm
HoldToConfirm
Press and hold for 2 seconds. Visual progress fills the button. Deliberate confirmation without modals.
interactive on homepage
ResonanceCTA
Move your mouse in circles to clear visual noise. The CTA appears underneath. Users who find it earned it.
interactive on homepage
AlchemistCTA
A field of particles. Push them aside with your cursor. Under the dust: a hidden call-to-action.
Glass, glow, and gravity.
Containers and cards that feel like physical materials. Backdrop blur, spring hover, gradient overlays.
GlassCard
hover me — I lift with spring physics
GlassCard
Hover it. Watch it lift. Gradient overlay catches light like actual glass. Spring-based Framer Motion animations.
LiquidGlass
Frosted glass pill with backdrop blur, saturation boost, and inner shadow. Used on the nav bar above your head right now.
interactive on homepage
TerminalCompare
Before and after, split view. Drag the divider. Watch chaos become clarity. Terminal aesthetic.
Motion with meaning.
Every animation serves a purpose. Scroll reveals, counting numbers, viewport triggers.
TextReveal
Words materialize one by one as you scroll. Character mode for drama. Configurable delay and easing.
0
AnimatedCounter
Numbers count up from 0 when scrolled into view. Spring easing for natural deceleration.
interactive on homepage
SectionWrapper
Viewport-triggered fade-in for any section. Handles intersection observer internally. Optional full-height.
Command-line interfaces for the web.
Full terminal emulators, interactive forms, and navigation — all as React components.
interactive on homepage
TerminalEmulator
25+ commands, filesystem simulation, tab autocomplete, command history. A full pseudo-shell in React.
interactive on homepage
TerminalForm
Sequential form as terminal interface. 7 questions, validation, progress bar. Way more engaging than form fields.
try it — press ⌘K right now
CmdK Navigation
Command palette with Fuse.js search, keyboard nav, categorized results. Always available via Cmd+K.
Libraries that remove constraints.
Foundational tools built from scratch. Each one solves a problem the web has accepted for decades.
built by aumiqx — these components power aumiqx.com
MIT licensed. zero dependencies. copy-paste or npm install.