my_custom_slider

A customizable Flutter carousel slider with smooth drag gestures, keyboard navigation, custom image widgets, and optional questions and answer buttons. Perfect for creating interactive image carousels, quizzes, or onboarding flows with a modern, animated UI.

Features

  • Smooth Navigation: Navigate through images using drag gestures or keyboard arrow keys (ideal for web and desktop apps).
  • Custom Image Widgets: Supports any Flutter widget as carousel items, including Image.asset, Image.network, or custom UI elements.
  • Interactive Questions and Answers: Display questions with customizable answer buttons for each slide.
  • Flexible Animations: Configure animation curves and durations for smooth transitions.
  • Customizable Styling: Adjust colors, padding, font sizes, and image dimensions to match your app’s design.
  • Accessibility: Includes semantics for screen readers to improve accessibility.
  • No External Dependencies: Lightweight and built with core Flutter widgets.

Slider Demo

Getting Started

Prerequisites

  • Flutter SDK: >=3.0.0 <4.0.0
  • Dart SDK: >=3.0.0 <4.0.0
  • A Flutter project to integrate the package.

Installation

  1. Add my_custom_slider to your pubspec.yaml: 
    dependencies:
  my_custom_slider: ^1.0.0


  flutter pub get
  import 'package:my_custom_slider/my_custom_slider.dart';
  import 'package:flutter/material.dart';

Libraries

slider_custom