Home

Components

Install Rahul Jangir's shadcn registry components, hooks, and blocks. 28 published items are available from rahuljangir.work/r.

  • Apple Hello Effect

    component

    Create a Xin chào and Hello writing effect inspired by Apple using Motion for React.

    npx shadcn@latest add https://rahuljangir.work/r/apple-hello-effect.json

  • Consent Manager

    component

    A React component for managing user consent for cookies and tracking in Next.js applications.

    npx shadcn@latest add https://rahuljangir.work/r/consent-manager.json

  • Controllable State Hook

    hook
    npx shadcn@latest add https://rahuljangir.work/r/use-controllable-state.json

  • Flip Sentences

    component
    npx shadcn@latest add https://rahuljangir.work/r/flip-sentences.json

  • GitHub Stars

    component

    Display GitHub repository star count with formatted numbers and a tooltip showing the full count.

    npx shadcn@latest add https://rahuljangir.work/r/github-stars.json

  • Scroll Fade Effect

    component

    A React component that adds a fade effect to content as you scroll.

    npx shadcn@latest add https://rahuljangir.work/r/scroll-fade-effect.json

  • scroll-fade-effect-block-01

    block
    npx shadcn@latest add https://rahuljangir.work/r/scroll-fade-effect-block-01.json

  • scroll-fade-effect-block-02

    block
    npx shadcn@latest add https://rahuljangir.work/r/scroll-fade-effect-block-02.json

  • scroll-fade-effect-block-03

    block
    npx shadcn@latest add https://rahuljangir.work/r/scroll-fade-effect-block-03.json

  • scroll-fade-effect-block-04

    block
    npx shadcn@latest add https://rahuljangir.work/r/scroll-fade-effect-block-04.json

  • Shimmering Text

    component

    Smooth shimmering text animation built with Motion.

    npx shadcn@latest add https://rahuljangir.work/r/shimmering-text.json

  • shimmering-text-block-01

    block
    npx shadcn@latest add https://rahuljangir.work/r/shimmering-text-block-01.json

  • shimmering-text-block-02

    block
    npx shadcn@latest add https://rahuljangir.work/r/shimmering-text-block-02.json

  • Slide to Unlock

    component

    A sleek, interactive slider inspired by the classic iPhone OS 'slide to unlock' gesture.

    npx shadcn@latest add https://rahuljangir.work/r/slide-to-unlock.json

  • slide-to-unlock-block-01

    block
    npx shadcn@latest add https://rahuljangir.work/r/slide-to-unlock-block-01.json

  • slide-to-unlock-block-02

    block
    npx shadcn@latest add https://rahuljangir.work/r/slide-to-unlock-block-02.json

  • slide-to-unlock-block-03

    block
    npx shadcn@latest add https://rahuljangir.work/r/slide-to-unlock-block-03.json

  • Sound Hook

    hook

    Custom React hook to load and play a sound from a given URL using the Web Audio API.

    npx shadcn@latest add https://rahuljangir.work/r/use-sound.json

  • Testimonials Marquee

    component

    A testimonials marquee component for showcasing user feedback in a scrolling format.

    npx shadcn@latest add https://rahuljangir.work/r/testimonials-marquee.json

  • testimonials-marquee-block-01

    block
    npx shadcn@latest add https://rahuljangir.work/r/testimonials-marquee-block-01.json

  • testimonials-marquee-block-02

    block
    npx shadcn@latest add https://rahuljangir.work/r/testimonials-marquee-block-02.json

  • Theme Switcher

    component

    A theme switcher component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.

    npx shadcn@latest add https://rahuljangir.work/r/theme-switcher.json

  • Utility Functions

    lib
    npx shadcn@latest add https://rahuljangir.work/r/utils.json

  • Wheel Picker

    component

    iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.

    npx shadcn@latest add https://rahuljangir.work/r/wheel-picker.json

  • wheel-picker-block-01

    block
    npx shadcn@latest add https://rahuljangir.work/r/wheel-picker-block-01.json

  • wheel-picker-block-02

    block
    npx shadcn@latest add https://rahuljangir.work/r/wheel-picker-block-02.json

  • Work Experience

    component

    Displays a list of work experiences with role details and durations.

    npx shadcn@latest add https://rahuljangir.work/r/work-experience.json

  • work-experience-block-01

    block
    npx shadcn@latest add https://rahuljangir.work/r/work-experience-block-01.json