TA-Gallery - Image, content and text slider component

You can use the light-weight, responsive and mobile first gallery, carousel, slide show or rotator component for images, texts and every kind of content.
Version v2.1.0 - GitHub - added support for Alpine.js V3

TA-Gallery component is designed to fit in every project, in every grid and in every flexbox layout. Thanks to Tailwind CSS everything is customizable and it is very easy to add your own animation to TA-Gallery if you want to. If you are familiar with Tailwind CSS and Alpine JS you might consider using TA-Gallery. so try it out and if you have some feedback - leave me a message: @markusantonwolf / Twitter.

You can use TA-Gallery as a carousel, slide show or image rotator.


Every content gets animated
Animate every content - Choose every kind of content, image, text, table or list.
Transitions - You can change the transition for every slide.
Autoplay mode
Autoplay mode - Control the gallery the way you want to
Supports accessibility
Supports accessibility - Actions, values and configurations
Alpine JS logo
Based on Alpine JS - Small footprint and Vue JS inspired, like Tailwind for JavaScript
Tailwind CSS logo
100% Tailwind CSS - Rapidly build modern websites without leaving your HTML

See TA-Gallery component in action

If you are using TA-Gallery in the wild and want to see it in the following list just send me a DM on Twitter ( @markusantonwolf ) or mention me in a tweet.

Portfolio Markus A. Wolf | Work

TA-Gallery comes with a lot of accessibility features.

As flexible as possible

TA-Gallery component is designed to be as light as possible so it uses its own CSS classes only for mandatory definitions. Any visual designs are based on Tailwind CSS utilities so you can adopt it to your needs very easily. Because TA-Gallery is reduced to the max you can use the code together with your own Alpine JS scripts. I recommend using Tailwind CSS and Alpine JS together with PostCSS, Webpack or Gulp.

TA Styled Plugins Logo
Explore all TA Styled Plugins and learn how to enhance your website fast and easy. All TA Styled Plugins stand for light-weight, responsive, mobile first and 100% customizable with endless animation options and are based on Tailwind CSS and Alpine JS.

TA Styled Plugins are licensed under the MIT license, see LICENSE for details.

Copyright © 2019-2022 Markus A. Wolf - www.markusantonwolf.com

Imprint | Privacy