# Systaliko UI

> A collection of animated React components built with Tailwind CSS and Motion, installable per component.

- Owner: [YoucefBnm Bnm](https://21st.dev/@youcefbnm)
- Components: 33
- Website: https://systaliko-ui.vercel.app/docs
- GitHub: https://github.com/YoucefBnm/
- Live page: https://21st.dev/@youcefbnm/library/systaliko-ui

## Components

All 33 of them:

- [Animated Cards Stack](https://21st.dev/@youcefbnm/components/animated-cards-stack.md)
- [Animated Gallery](https://21st.dev/@youcefbnm/components/animated-gallery.md)
- [Animated Menu with variants](https://21st.dev/@youcefbnm/components/animated-menu-with-variants.md)
- [Animated Slideshow](https://21st.dev/@youcefbnm/components/animated-slideshow.md)
- [Animated Stack of Cards](https://21st.dev/@youcefbnm/components/animated-stack-of-cards.md)
- [Animated Toggle Layout Container](https://21st.dev/@youcefbnm/components/animated-toggle-layout-container.md)
- [Animated Video on Scroll](https://21st.dev/@youcefbnm/components/animated-video-on-scroll.md)
- [Animation Sequence](https://21st.dev/@youcefbnm/components/animation-sequence.md)
- [Card Curtain Reveal](https://21st.dev/@youcefbnm/components/card-curtain-reveal.md)
- [Cards Stack](https://21st.dev/@youcefbnm/components/cards-stack.md)
- [Creative Studio Section](https://21st.dev/@youcefbnm/components/creative-studio-section.md)
- [cta section with gallery](https://21st.dev/@youcefbnm/components/cta-section-with-gallery.md)
- [Custom Cursor](https://21st.dev/@youcefbnm/components/custom-cursor.md)
- [FlipCard](https://21st.dev/@youcefbnm/components/flip-card.md)
- [Hero Animated](https://21st.dev/@youcefbnm/components/hero-animated.md)
- [Hero Gallery Scroll Animation](https://21st.dev/@youcefbnm/components/hero-gallery-scroll-animation.md)
- [Hero Video](https://21st.dev/@youcefbnm/components/hero-video.md)
- [Image Player](https://21st.dev/@youcefbnm/components/image-player.md)
- [Infinite scroll container](https://21st.dev/@youcefbnm/components/infinite-scroll-container.md)
- [Parallax](https://21st.dev/@youcefbnm/components/parallax.md)
- [Process Timeline](https://21st.dev/@youcefbnm/components/process-timeline.md)
- [ProductCard](https://21st.dev/@youcefbnm/components/product-card.md)
- [Product Gallery](https://21st.dev/@youcefbnm/components/product-gallery.md)
- [Reveal on hover](https://21st.dev/@youcefbnm/components/reveal-on-hover.md)
- [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations.md)
- [Scroll X Carousel](https://21st.dev/@youcefbnm/components/scroll-x-carousel.md)
- [stagger text](https://21st.dev/@youcefbnm/components/stagger-text.md)
- [Story](https://21st.dev/@youcefbnm/components/story.md)
- [Team Section](https://21st.dev/@youcefbnm/components/team-section.md)
- [Text Stagger Hover](https://21st.dev/@youcefbnm/components/text-stagger-hover.md)
- [Toggle Layout Container](https://21st.dev/@youcefbnm/components/toggle-layout-container.md)
- [Vertical Text](https://21st.dev/@youcefbnm/components/vertical-text.md)
- [Wavy Text Block](https://21st.dev/@youcefbnm/components/wavy-text-block.md)

Full component directory: https://21st.dev/llms.txt