Search packages, repositories and app categories

superellipse_shape cover
Package detailsv0.2.0

superellipse_shape

A package for creating superellipse shapes in flutter. A superellipse is a shape constituting a transition between a rectangle and a circle.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
405
Likes
51
Pub points
160

Install package

flutter pub add superellipse_shape

Package Overview

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

The superellipse_shape package enables the creation of superellipse shapes in Flutter, offering a smooth transition between rectangular and circular forms. By adjusting a single parameter, users can generate a wide range of aesthetically pleasing, customizable shapes suitable for modern UI design. The package provides efficient path generation for rendering on all supported platforms, including mobile, web, and desktop. It is ideal for designers seeking geometric flexibility without complex custom painting.

Use cases

  • Creating rounded corner containers with variable curvature
  • Designing dynamic UI elements that morph between rectangle and circle
  • Building custom icons and badges with unique geometric forms
  • Enhancing visual appeal in app interfaces with organic shapes
  • Implementing responsive layout components with smooth transitions

Key features

  • Parameterized superellipse generation
  • High-performance path rendering
  • Cross-platform compatibility
  • Simple API for shape customization
  • Supports both static and animated transformations

Suitable for

  • UI/UX designers seeking geometric variety
  • Developers building modern, minimalist interfaces
  • Apps requiring adaptive or fluid shape elements
  • Projects focused on visual innovation and aesthetics

Considerations

  • May require performance tuning for high-frequency updates
  • Limited to 2D shape rendering
  • Not optimized for complex animations beyond basic parameter changes
  • Best suited for static or low-framerate dynamic shapes

Original README

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

Superellipse Shape

Superellipses in flutter!

A package for creating superellipse shapes in flutter.


class SuperellipseDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Material(
      color: Colors.blueAccent[400],
      shape: SuperellipseShape(
        borderRadius: BorderRadius.circular(28.0),
      ), // SuperellipseShape
      child: Container(
        width: 100.0,
        height: 100.0,
      ), // Container
    ); // Material
  }
}

Categories

Source repository

Projects using this package