UI Layouts — Full-page layouts, hero sections, and interactive headers built with Tailwind.

Full-page layouts, hero sections, and interactive headers built with Tailwind.

Included Components

94
Get StartedLLMsMac-GenieLiquid-GlassNoiseBlur Vignetteliquid-gradientSpotlight cardsImage RevealAnimated BeamSwapy DragDrag ItemsTimeline AnimationScroll AnimationScroll TextText MaruqeeRandomized TextImage MousetrailHorizontal ScrollStacking CardSmooth-ScrollSticky ScrollSparklesSparkles TitleMarqueeInfinity BrandShimmer LoaderType WriterTerminal UIDialogMedia ModalLinear ModalGallery ModalResponsive ModalDirectional DrawerMotion DrawerColor PickerButtonsMotion NumberRange SliderPasswordUTube TagsPhone InputDatetime PickerMulti SelectorFile UploadGlobeImg Ripple EffectR3F BlobMesh GradientsFootersResponsive-HeaderGridMasonaryBuy Me A CoffeeHover cardsProduct-Cardsgradient-borderClip-PathImage MaskingVideo MaskingProgressive CarouselCarouselFramer CarouselTabsImage TabsMagnified-DocAccordionFAQsImage AccordionCode BlockTree Code ViewerCode Tabs MDXCode TabsImage Ripple Effectscrollingvideo-maskingimage-mousetrailsticky-scrollimage-accordionModalDrawerCardPassword InputTags InputFile UploaderDate PickerMulti SelecterCoffeeModern Grid LayoutSticky Header SystemParallax Hero BannerBento Grid ShowcaseInteractive Footer

UI Layouts by Naymur Rahman offers full-page layout patterns, creative hero headers, and animated component compositions crafted with React and Tailwind CSS. It serves as an open layout recipe book for developers seeking contemporary structure ideas.