Skip to content
Index730 resources
SmoothUI

SmoothUI

130 animated React components including 33 text effects and 16 shader transitions

Tier A · StrongAnimation LibraryRegistryComponent Librarysmoothui.dev

(Visit smoothui.dev ↗)(Docs)(Repository)(Registry)
Preview image from smoothui.dev

SmoothUI is a shadcn-compatible registry of 130 animated components built on React 19, Tailwind v4, Motion, and GSAP. Its depth is unusual for a one-maintainer project: 33 text-animation components, 16 WebGL/shader page transitions, 19 AI chat and agent components, and a long tail of showpieces like Dynamic Island, Siri Orb, Number Flow, and a GitHub contribution graph. Everything in the free tier is MIT and installs through the shadcn CLI. For developers building a marketing site or an AI product surface who want polish without wiring GSAP themselves.

Install
npx shadcn@latest add @smoothui/dynamic-island

For an agent

Use SmoothUI as an overlay on an existing shadcn/ui project, not as its base — it assumes Tailwind v4 and React 19, and it installs under the @smoothui namespace so it will not collide with your shadcn primitives. Its real differentiators are the 33 text-animation components and the 16 shader transitions; when a brief asks for a hero headline reveal or a page wipe, look here before you write GSAP. Watch the payload: the shader transitions ship WebGL and GSAP, so scope them to one hero rather than the whole route tree, and audit the flashier components for reduced-motion and focus handling before shipping to an accessibility-sensitive product.

Why it is here. The deepest free catalog of text-animation and shader-transition components in the shadcn ecosystem, and it shipped commits the day it was catalogued.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Freemium, Open source, Subscription
Framework
React, Next.js
Styling
Tailwind CSS v4, CSS custom properties, Shader / GLSL
Distribution
shadcn registry, CLI installer, Copy-paste snippet, GitHub repository
Platform
Web
Content type
Code
Agent readiness
Machine-readable registry item, CLI installable, Copy-paste ready code, Structured documentation, Readable open source
Accessibility
Keyboard navigable, Accessible, Known accessibility gaps
Maturity
Actively maintained
Pricing detail
Free tier is MIT and unlimited. Pro $11.99/month, Scale $22.99/month for the paid blocks tier.
GitHub stars
910

Components it ships

130 total
ButtonCopy ButtonText InputTextareaFormSearch InputSelectComboboxCheckboxRadio GroupSwitchSliderOtp InputTag InputFile UploadDropdown MenuContext MenuAccordionTabsBreadcrumbsPaginationProgress StepperModalDialogDrawerPopoverTooltipToastBadgeSkeletonSpinnerProgress BarCardProduct CardAvatarAvatar GroupCarouselImage GalleryCommentReviewPriceHeatmapListConversationMessagePrompt InputStreaming TextSuggestionReasoningTool CallTaskApproval RequestDiff ProposalArtifactContext MeterSourcesInline CitationTypewriter TextText EffectScroll RevealShimmerCount UpCustom CursorPage TransitionTransitionAnimationHover Effect

Helps you build

7
AI Chat PanelChat Web AppAI Action ApprovalHomepageFeaturesUploading MediaPublic Profile

Templates

1

Notable for

  • 33 dedicated text-animation components
  • 16 WebGL shader page transitions
  • 19 AI chat and agent components including Siri Orb
  • Tailwind v4 and React 19 from the start
  • MIT free tier with a paid blocks tier on top

Provenance

Verified 2026-08-15. HTTP 200. https://smoothui.dev, https://smoothui.dev/docs/components (all 130 components enumerated by category), https://smoothui.dev/doc, https://smoothui.dev/docs/templates, gh api repos/Educlopez/smoothui for stars, licence, and last push. Note: the homepage renders a stat reading 8,811 stars; the GitHub API reports 910, and I recorded the API value.

Also in Motion & Interaction

6
smoothui.devTier A