Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv0.0.4

on_boarding_ui

A Flutter package for On Boarding Screen.

pub.dev API documentation Source code
30-day downloads
21
Likes
35
Pub points
5

Install package

flutter pub add on_boarding_ui

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package designed to simplify the creation of onboarding screens with a clean, customizable carousel interface. It provides pre-built widgets for smooth transitions between onboarding pages, supporting text, images, and interactive elements. Ideal for apps needing an engaging first-time user experience, it reduces boilerplate code and enhances development speed. The package is lightweight and easy to integrate, making it suitable for both beginners and experienced developers.

Use cases

  • Onboarding screens for mobile apps
  • User tutorial flows
  • App introduction sequences
  • First-time user experience
  • Product feature highlights

Key features

  • Pre-built onboarding carousel
  • Customizable page content
  • Smooth slide transitions
  • Lightweight and simple integration
  • Supports images and text
  • Easy theme customization

Suitable for

  • Beginner Flutter developers
  • Apps requiring onboarding
  • Startups building MVPs
  • Educational or productivity apps
  • Projects with tight timelines

Considerations

  • Limited to onboarding-specific use cases
  • No built-in analytics tracking
  • Requires manual handling of navigation logic
  • Not optimized for complex animations
  • No dark mode support out of the box

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

flutter_onboarding_ui

A conceptual design for on boarding screens for mobile apps. This app provides you with all the information you need to explore how to work with mobile on boarding in mobile apps.

preview (1)

Usage Sample


import 'package:on_boarding_ui/model/slider.dart' as SliderModel;

class OnBoarding extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: OnBoardingUi(slides:[
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider1,
        ),
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider2,
        ),
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider3,
        )
      ],onFinish: (){
         // Your OnFinish code here
      }),
    );
  }
}
Inspired By : https://github.com/CodeHomie/Flutter-Onboarding-UI-Concept

Categories

Onboarding Carousel

Source repository

Projects using this package

No data available yet.