Send Button

A cool animated send button animation

Not VerifiedBlockExperiment8 files

motion lucide-react @radix-ui/react-switchmotion

uianimationinteraction

Preview

Send ButtonOpen Full Page

[!TIP] Open in full screen for the best experience.

Install

npx shadcn add https://www.razisyed.cv/r/send-button

Dependencies

npm i motion lucide-react @radix-ui/react-switch

File Structure

AnimatedPlaceholder.tsx

variants.ts

AnimatedSendButton.tsx

ExpandedControls.tsx

SendButton.tsx

useClickOutside.ts

ThemeProvider.tsx

ThemeSwitch.tsx

Source

Loading source...

OSX Cheetah UI with a surprise

Keyboard Keys

Transit/Airport Split-Flap Display

Velocity-Responsive Design

Keyboard Keys

Interactive 3D keyboard keys with press animation and success/error animations

Transit/Airport Split-Flap Display

A split flap display for transit/airport systems with sound effects manually made with Web Audio API