Forge UI components
A library of React components for smooth, fast front-end development.
- Components
- 28
- Framework
- React
- Stack
- React, TypeScript, Tailwind
- License
- Forge UI License
- GitHub stars
- 209
- Source
- https://github.com/AmanShakya0018/forgeui
- Website
- https://forgeui.in
All Forge UI components
- Animated Form: Animated form mimicking account creation with progressive name/password animation and completion checkmarks.
- Animated OTP: Looping animated OTP input with glowing digit transitions to simulate secure, timed authentication flow.
- Animated Tabs: witch tabs smoothly with motion-based underline or highlight effects.
- Auralis: A WebGL-powered animated background featuring layered simplex noise, glowing light effects, vignette, and subtle film grain for a dramatic…
- Bot Detection: Animated radar-style component that simulates real-time bot detection using glowing pulses and scanning motion.
- Chromatic Fluid: A WebGL-powered animated fluid effect featuring procedural noise, chromatic glint highlights, and dynamic lighting with film grain.
- Cloudscape: A WebGL-powered animated cloud gradient that creates a soft, flowing sky-like background using layered noise and color blending.
- Cosmicrift: A WebGL-powered animated cosmic background featuring a procedural starfield with twinkling effects and flowing nebula-like wave…
- Expandable Card: Interactive UI component to expand cards with smooth animations and detailed content using layout transitions.
- Framework Agnostic: Visually demonstrates cross-framework adaptability using animated stack icons and a glowing pipeline effect.
- Fraud Card: A security alert card inspired by Clerk's landing page, showcasing blocked emails with smooth hover animations.
- Lumadrift: A WebGL-powered animated gradient that produces smooth, flowing light patterns using procedural noise and color blending.
- Nebulore: A WebGL-powered animated nebula background featuring flowing aurora ribbons, domain-warped simplex noise, and customizable color glow with…
- Noctylis: A WebGL-powered nocturnal glow background featuring chained simplex noise layers, soft violet light blooms, vignette, and film grain.
- Notification Center: Beautifully animated mobile UI showcasing notifications with hover-triggered transitions and customizable content blocks.
- Notification Panel: A collapsible notification panel displaying recent alerts with icons, timestamps, and smooth animated transitions.
- Onboard Card: Animated onboarding progress card showing three steps with visual loaders, transitions, and completion indicators.
- Security Card: Dynamic security identity card with animated verification, glowing avatar outline, and infinite character scramble stream.
- Social Card: An animated profile card showing name, avatar, and social links on hover.
- Spectrum Switcher: Interactive spectrum switcher with animated gradients, smooth dropdown transitions, and selectable themed color palettes.
- Stack Ripple: Animated stacked notification cards ripple open with smooth transitions, showing messages, signups, and billing reminders.
- Stats Card: A dynamic stats card comparing two individuals with avatars, data points, and animated background graph.
- Text Morph: A React component that animates rotating text characters using Motion, customizable by words, interval, styling, and animation timing.
- Text Reveal: A stylish effect that sequentially fades in text on page load, creating a dynamic reveal.
- Text Shimmer: A React component that creates an animated text shimmer effect using Motion, customizable by tag, duration, spread, delay, and repeat delay.
- Vault Lock: Animated vault showcasing secure password input with motion effects and interactive hover-based unlock behavior.
- Velaris: A WebGL-powered animated background featuring layered simplex noise, multi-color blending, vignette glow, and subtle film grain effects.
- Velora: A WebGL-powered animated radial light effect featuring swirling color streaks, 3D noise-based flow, and dynamic color transitions with…