Rare UI: Free Animated React Components via shadcn CLI

X postSwamiTool

Swami Malode highlights Rare UI, a free open-source collection of animated React components that can be installed directly into projects using the shadcn CLI.

Key points

  1. Rare UI is a free, open-source library featuring over 18 animated React components.
  2. Each component is self-contained in a single file, granting developers full ownership and customisation of the code.
  3. Components can be installed directly using the shadcn CLI (e.g. npx shadcn@latest add swamimalode07/rare-ui/[component]).
  4. Included examples feature Fluid Orb, Duration Picker, Gravity Letters, Folder Component, and OTP Input.

Why it matters

Frontend engineers frequently need distinctive UI animations without adding bloated runtime dependencies. Adopting the shadcn-style CLI workflow keeps codebases modular and easy to customise.

Analysis

Rare UI aligns with the current component distribution trend: rather than relying on monolithic npm packages, developers pull single component files directly into their repository, ensuring full styling and architectural flexibility.

Original post

Swami

@SwamiMalode · 6 September 2026

t.co/3ZNz5Rj3rd it's free??? how? what a tool

1.4k likes29 replies4k bookmarks352.1k views

View on X
More posts in the thread (2)
  1. @Siddcodes1 you never know, bhahaha
  2. @radiumcoders banger it is
Selected replies (5)
  • @radiumcoders @SwamiMalode bruh, u discovered it now?
  • @SahanaShy @SwamiMalode You guys have a like a group or something, where you decide who is gonna post the same 2-3 websites every other week or something?
  • @Siddcodes1 @SwamiMalode Banger?😋
  • @Sn4eh5hWGJ @SwamiMalode What a shitty library t.co/B58v7NVkCT
  • @lincei359 @SwamiMalode @grok这是什么网站

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Similar in content, found by the AI search.

  • X post:Urvish

    useLayouts: Free Animated React Components

    Developer Urvish shared useLayouts, a collection of free, interactive, and animated React components designed for modern web apps.

    343bookmarks17.6kviews

    Web development· Tool

  • X post:Houdayfa

    UIArc: Animated React Components for shadcn and Next.js

    Houdayfa highlights UIArc, a component library created by Elia Kuratli. It offers 149 React components and 87 pre-built UI blocks with integrated micro-interactions designed for Next.js and the shadcn ecosystem.

    869bookmarks34kviews

    Web development· Tool

  • X post:John Champ

    Animated Visuals Library for React and shadcn/ui Landing Pages

    John Champ is building a library of coded animated components designed for feature sections on landing pages, targeted at React, shadcn/ui, Motion, and Tailwind CSS.

    442bookmarks27.3kviews

    Web development· Announcement

  • X post:Elia

    Arc UI: Animated React Components for shadcn and Next.js

    Elia highlighted a smooth share sheet interaction built with Arc UI, a library featuring 153 motion-enabled React components and 89 UI blocks for Next.js and shadcn.

    555bookmarks20.5kviews

    Web development· Tool

Let's talk about your project

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.