TA-Pagination - content, article and product pagination

A light-weight, responsive and mobile first content, image, article and product pagination component for every kind of application.

Juansi Waterfall

Juansi Waterfall is a 3.7 kilometer out and back trail located near Jinshan, New Taipei City, Taiwan that features a waterfall and is rated as moderate. The trail is primarily used for hiking, walking, and nature trips.

Juansi Waterfall

Juansi Waterfall is a 3.7 kilometer out and back trail located near Jinshan, New Taipei City, Taiwan that features a waterfall and is rated as moderate. The trail is primarily used for hiking, walking, and nature trips.

Juansi Falls Trail

Juansi Waterfall Trail is a 2.1 kilometer moderately trafficked out and back trail located near Beitou, Taipei City, Taiwan that features a waterfall and is good for all skill levels. The trail is primarily used for hiking, walking, nature …

Juansi Falls Trail

Juansi Waterfall Trail is a 2.1 kilometer moderately trafficked out and back trail located near Beitou, Taipei City, Taiwan that features a waterfall and is good for all skill levels. The trail is primarily used for hiking, walking, nature …

Juansi Falls Trail

Juansi Waterfall Trail is a 2.1 kilometer moderately trafficked out and back trail located near Beitou, Taipei City, Taiwan that features a waterfall and is good for all skill levels. The trail is primarily used for hiking, walking, nature …

Qingtiangang Circular Trail

Qingtiangang Grassland was closed for part of 2019 and 2020 following incidents in which visitors were charged by cattle, but as of late 2020, it has been reopened. To improve public safety, there is now a fenced in walkway for part of the …

Qingtiangang Circular Trail

Qingtiangang Grassland was closed for part of 2019 and 2020 following incidents in which visitors were charged by cattle, but as of late 2020, it has been reopened. To improve public safety, there is now a fenced in walkway for part of the …

Qingtiangang Circular Trail

Qingtiangang Grassland was closed for part of 2019 and 2020 following incidents in which visitors were charged by cattle, but as of late 2020, it has been reopened. To improve public safety, there is now a fenced in walkway for part of the …

Qingtiangang Circular Trail

Qingtiangang Grassland was closed for part of 2019 and 2020 following incidents in which visitors were charged by cattle, but as of late 2020, it has been reopened. To improve public safety, there is now a fenced in walkway for part of the …

Qingtiangang Circular Trail

Qingtiangang Grassland was closed for part of 2019 and 2020 following incidents in which visitors were charged by cattle, but as of late 2020, it has been reopened. To improve public safety, there is now a fenced in walkway for part of the …

Jinmianshan Trail

The Jiantanshan Trail (劍潭山親山步道) is a 5 kilometre hike up Jiantanshan, a mountain just to the north of central Taipei. Along the way up you’ll see the impressive Grand Hotel Taipei, pass through thick, dense forest and get excellent views …

Jinmianshan Trail

The Jiantanshan Trail (劍潭山親山步道) is a 5 kilometre hike up Jiantanshan, a mountain just to the north of central Taipei. Along the way up you’ll see the impressive Grand Hotel Taipei, pass through thick, dense forest and get excellent views …

TA-Pagination 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 transitions to TA-Pagination if you want to. If you are familiar with Tailwind CSS and Alpine JS you might consider using TA-Pagination. so try it out and if you have some feedback - leave me a message: @markusantonwolf / Twitter.

You can find more examples in the Examples documentation.

You can use TA-Pagination with every type of content

Features

Paginate every content
Paginate every content - Choose every kind of content, image, text, table or list.
Transitions
Transitions - You can change the transition for every slide.
Autoplay mode
Autoplay mode - Control the pagination the way you want to
Responsive
Responsive - Define the pagination based on breakpoints
Unify heights
Unify heights - Smooth transitions and stable heights of all items
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-Pagination in action

If you are using TA-Pagination component 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.

Vue JS javascript framework and why I love it

As flexible as possible

TA-Pagination 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-Pagination 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