A lightweight, dependency-free JavaScript library for adding slide transitions to web pages with keyboard and touch support.
slidr.js is a lightweight JavaScript library that adds slide transition effects to web pages. It enables developers to create interactive slide containers with support for keyboard and touch navigation, dynamic resizing, and customizable transitions without relying on external dependencies.
Frontend developers and web designers looking to add simple, customizable slide effects to websites or web applications without heavy frameworks.
Developers choose slidr.js for its zero-dependency approach, ease of integration, and flexibility in creating nested slides with responsive behavior and mobile-friendly touch support.
add some slide effects.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
The library works out-of-the-box without requiring jQuery or other frameworks, as emphasized in the README's 'No dependencies required' statement, making it lightweight and easy to integrate.
Supports multiple, nested slidr instances, allowing developers to create complex layouts, as shown in the features: 'Add as many Slidr's as you want - even place them within each other.'
Automatically resizes to content dimensions unless explicitly set, with clear heuristics for static or dynamic sizing, detailed in the CSS section on dynamic resize.
Includes swipe gestures for navigation on mobile devices, as highlighted in the features: 'Touch navigation (mobile) - change slides by swiping left, right, up or down!'
Offers an extensive API for adding slides, auto-advancing, and toggling UI elements, with chainable functions like add(), auto(), and timing() for custom workflows.
Limited testing on older browsers like IE8/9 and versions such as Chrome 26.0, which may not align with modern web standards or newer browser features.
Styling controls and breadcrumbs requires manual CSS with !important overrides, as shown in the examples, making it prone to conflicts and difficult to maintain.
Only supports basic transitions like cube, linear, and fade, with no built-in advanced effects, requiring custom CSS or JS for more variety, as admitted in the settings.
The project appears less actively maintained, with a demo on a personal site and last updates inferred from older browser tests, raising concerns about bug fixes or new features.