Guide

UI Components

Basic UI

AccordionAnimated File UploadAnimated InputAnimated Progress BarAnimated StepperAnimated TabsAnimated ToggleAnimated TooltipBasic DropdownBasic ModalBasic ToastCheckboxComboboxContext MenuDialogDrawerDropdown MenuFormNotification BadgeRadio GroupSearchable DropdownSelectSkeletonTweet Card

Navigation

BreadcrumbPagination

Button

Smooth ButtonButton CopyClip Corners ButtonDot Morph ButtonMagnetic Button

Text

Reveal TextScramble HoverScroll Reveal ParagraphTypewriter TextWave Text

AI

Agent AvatarAI BranchAI Input

Others

Animated Avatar GroupProduct CardAnimated OTP InputAnimated TagsApp Download StackApple InvitesBookContribution GraphCursor FollowDynamic IslandExpandable CardsExposure SliderFigma CommentGitHub Stars AnimationGlow Hover CardsGooey PopoverGrid LoaderImage Metadata PreviewInfinite SliderInteractive Image SelectorJob Listing ComponentNumber FlowPhototabPower Off SlidePrice FlowReviews CarouselRich PopoverScrubberScrollable Card StackSiri OrbSocial SelectorSwitchboard CardUser Account Avatar
Sparkbites

Sparkbites

Inspiration directory for your next project

UI Components

Browse 50+ production-ready animated React components with Motion, GSAP, and Tailwind CSS. Fully accessible and customizable.

Last updated: March 18, 2026

Accordion

Animated React accordion with smooth expand/collapse transitions. Accessible, keyboard-navigable FAQ component built on Radix UI with Motion animations.