Clip your widgets with custom shapes provided.

Overview

clippy_flutter

Clip your widgets with custom shapes provided.

#Arc, #Arrow, #Bevel, #ButtCheek, #Chevron, #Diagonal, #Label, #Message, #Paralellogram, #Point, #Polygon, #Rabbet, #Rhombus, #Star, #Ticket, #Trapezoid, #Triangle

All Shapes S1 All Shapes S2
Diagonal Arc Chevron Message Trapezoid
Arrow Bevel Buttcheek Ticket Triangle
You might also like...

A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite).

A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite).

Contacts A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite). It consist some common operations l

Nov 20, 2022

🎨Custom animation challenge annouced by egdroid

🎨Custom animation challenge annouced by egdroid

EgdroidChallenge Follow me on social media github linkedin twitter facebook 💪 challenge accepted 💪 A challenge code series idea suggested by an awes

Aug 28, 2020

A custom Flutter value slider that makes a wave effect when dragged.

A Flutter slider that makes a wave effect when dragged. Does a little bounce when dropped. Demo Getting Started To use this plugin, add wave_slider as

Dec 21, 2022

A Flutter package to custom splash screen like change logo icon, logo animation, and splash screen background color.

A Flutter package to custom splash screen like change logo icon, logo animation, and splash screen background color.

Custom Splash Screen A Flutter package to custom splash screen: change logo icon, logo animation, and splash screen background color. (Custom from ani

Sep 6, 2022

A simple custom loading indicator package.

A simple custom loading indicator package.

custom_loading_indicator A Flutter package to customise the loading indicators with your organisation's logo. Let's say you're a dentist and your app

Aug 10, 2020

A collection of Screens and attractive UIs built with Flutter ready to be used in your applications. No external libraries are used. Just download, add to your project and use.

A collection of Screens and attractive UIs built with Flutter ready to be used in your applications. No external libraries are used. Just download, add to your project and use.

Flutter Screens A collection of Login Screens, Buttons, Loaders and Widgets with attractive UIs, built with Flutter, ready to be used in your applicat

Dec 31, 2022

Simple to use yet powerfull style widgets with syntax inspired by CSS.

Simple to use yet powerfull style widgets with syntax inspired by CSS.

Division Simple to use yet powerfull style widgets with syntax inspired by CSS. Please check out styled_widget which is a replacement of Division! The

Nov 20, 2022

This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS

This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS

AwesomeFlutterUI The purpose of this repository is to demonstrate the use of different widgets and tricks in flutter and how to use them in your proje

Nov 13, 2022

This package helps you daily usable function and ready-made Widgets with ease.

This package helps you daily usable function and ready-made Widgets with ease.

Show some love and like to support the project Documentation API Docs are available. Platform Support Android iOS MacOS Web Linux Windows ✔️ ✔️ ✔️ ✔️

Dec 23, 2022
Comments
  • Arc clippy issue

    Arc clippy issue

    Hi there, First of all - thanks for this excellent flutter package. I have a possible issue / question: I want to have an Arc, on top of the widget and this is basically the code I use to make it:

    @override
      Widget build(BuildContext context) {
        final double width = MediaQuery.of(context).size.width;
        return Padding(
          padding: const EdgeInsets.only(top: 8.0),
          child: Arc(
            height: 50,
            clipShadows: [ClipShadow(color: Colors.black)],
            edge: Edge.TOP,
            arcType: ArcType.CONVEX,
            child: Container(
              width: width * 0.62,
              child: Card(
                child: Column(
                  children: <Widget>[
                    Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: <Widget>[
                        SizedBox(width: width * 0.6, child: WeightScaleWidget()),
                      ],
                    ),
                  ],
                ),
              ),
            ),
          ),
        );
    }
    

    and the result is:

    Screenshot_1567696611

    as you can see the arc peak has one unnecessary shadow (between two red lines), which actually makes the arc to look not exactly as an arc.

    If however, arcType: ArcType.CONVEY, the arc looks as it should. See below:

    Screenshot_1567697514

    opened by angel1st 2
  • Allow setting left AND right edges

    Allow setting left AND right edges

    For example a Point shape can have a pointed left and right edge be pointed.

    Screen Shot 2019-05-04 at 4 35 54 PM

    Sample

    Point(
      triangleHeight: 30.0,
      edge: Edge.LEFT_AND_RIGHT,
      child: Container(
        color: Colors.orange,
        width: 100.0,
        height: 100.0,
        child: Center(child: Text('80')),
      ),
    ),
    
    opened by RyanRamchandar 0
Owner
Figen Güngör
hello world lover
Figen Güngör
filterList is a flutter package which provide utility to search/filter data from provided dynamic list.

filter_list Plugin FilterList is a flutter package which provide utility to search/filter on the basis of single/multiple selection from provided dyna

Sonu Sharma 156 Dec 24, 2022
Writing custom Widgets in Flutter

Flutter - Custom Widgets Part 1 - EllipsizedText / LeafRenderObjectWidget Writing custom Widgets in Flutter (Part 1) — EllipsizedText Part 2 - ChildSi

Rostyslav Lesovyi 23 Dec 9, 2022
Loading widget based on a Flare animation, allow you to create beautiful custom loading widgets or dialogs

flare_loading Loading widget based on a Flare animation, allow you to create custom loading widgets or dialogs If you're using Rive instead of Flare p

Jimmy Aumard 25 Apr 16, 2021
Widgets for creating Hero-like animations between two widgets within the same screen.

flutter_sidekick Widgets for creating Hero-like animations between two widgets within the same screen. Features Hero-like animations. Allow you to spe

Romain Rastel 291 Oct 21, 2022
Custom Layout with interactive add button to impove your UI and UX .

Interactive Add button layout Custom Layout with interactive add button to impove your UI and UX . the package is available here inspired from Oleg Fr

Dokkar Rachid Reda 20 Sep 13, 2021
Create your own custom SlideTransition combined with some animation in Flutter.

Create your own custom SlideTransition combined with some animation in Flutter.

Johannes Milke 7 Jun 21, 2022
Arisslidetransition - Create your own custom SlideTransition combined with some animation in Flutter

SlideTransition Animation - Flutter Create your own custom SlideTransition combi

Behruz Hurramov 1 Jan 9, 2022
A Flutter package allows you to Showcase/Highlight your widgets step by step.

ShowCaseView A Flutter package allows you to Showcase/Highlight your widgets step by step. Preview Installing Add dependency to pubspec.yaml Get the l

kirill 0 Dec 8, 2022
A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file.

image_sequence_animator A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file. If you have a G

AliYigitBireroglu 135 Jan 5, 2023
Custom menus anywhere!

Flutter Anywhere Menus (FAM) Menus, anywhere you want them! Default Usage Menu( child: MaterialButton( child: Text('Show Basic Menu'), ), me

Yan Min Hong 10 Dec 18, 2021