Update README.md

canopas · Jan 1, 2025 · 0ba67b1 · 0ba67b1
1 parent 462be80
commit 0ba67b1
Showing 1 changed file with 17 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -21,7 +21,7 @@ drag-and-drop functionality in Flutter.
 
 ### Reorderable List
 
-| ![Image 1](https://github.com/user-attachments/assets/7a31a2c0-f49b-4280-ac8c-b4bc35e5a3db?raw=true) | ![Image 2](https://github.com/user-attachments/assets/3a7d34ec-eb2f-491c-af8f-43b569607d91?raw=true) | ![Image 3](https://github.com/user-attachments/assets/68c1b0f7-481e-4e6e-b995-e1b754354d1f?raw=true) |
+| <img src="./gif/animated-grid.gif" width="300"/>   |  <img src="./gif/animated-list.gif" width="300"/>  |  <img src="./gif/animated-grid.gif" width="300"/>  |
 |                  :---:                             |                     :---:                          |                            :---:                   |
 |                ReorderableGridView                 |                   ReorderableListView              |              Swap Animation                        | 
 
@@ -255,22 +255,22 @@ You can use multiple animations at the same time by providing a list of animatio
 
 The following animations are available:
 
-| Animation Type   | ListView Example                                                                                                  | GridView Example              |
-|------------------|-------------------------------------------------------------------------------------------------------------------|-------------------------------|
-| **FadeIn**       | <img src="gif/animations/list/fade-in.gif?raw=true" width="250"/>                                                 | <img src="https://github.com/user-attachments/assets/38376923-8aa6-4803-a09c-a301db98c939?raw=true" width="250"/>  |
-| **FlipInY**      | <img src="https://github.com/user-attachments/assets/e7ed69dc-c038-4c14-ad82-59dec5075b10?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/cb8c0be3-9178-41e4-991b-4d652bde7ed1?raw=true" width="250"/>  |
-| **FlipInX**      | <img src="https://github.com/user-attachments/assets/08a7753f-95f7-48c8-881f-3e746798b3ca?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/f67f2463-459e-4e97-ac3f-4cb410eacf00?raw=true" width="250"/>  |
-| **Landing**      | <img src="https://github.com/user-attachments/assets/1c8ab183-1bce-4cf9-9a3d-7b4132083583?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/363f34d1-45b5-4260-a2ce-ec927b67ec02?raw=true" width="250"/>  |
-| **ScaleIn**      | <img src="https://github.com/user-attachments/assets/a3bdbeb9-7b6e-4ee7-a822-274df2f84954?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/69c06e86-e43a-4e71-ad2e-78f4c370c0de?raw=true" width="250"/>  |
-| **ScaleInTop**   | <img src="https://github.com/user-attachments/assets/2548ebdb-b873-44b7-b01a-fe1910fc5386?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/b1d63684-f934-4971-97b9-f0bce6358860?raw=true" width="250"/>  |
-| **ScaleInBottom**| <img src="https://github.com/user-attachments/assets/f175da62-6a3b-4f8b-947f-a8ee9c6b656f?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/52f824ee-e437-464f-a462-3474a63e4306?raw=true" width="250"/>  |
-| **ScaleInLeft**  | <img src="https://github.com/user-attachments/assets/010917bb-4e04-4455-951e-f9460f9c64a3?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/844e785a-c364-462e-9e9b-37d523bdda08?raw=true" width="250"/>  |
-| **ScaleInRight** | <img src="https://github.com/user-attachments/assets/728c3886-f2eb-4a08-b87e-9ba68867e527?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/cbbe1462-a24b-4a75-96ba-56c028b53818?raw=true" width="250"/>  |
-| **Size**         | <img src="https://github.com/user-attachments/assets/8bdb4cf7-c824-4a61-8cd2-a6902b64013e?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/9729cf06-d63d-4208-b964-30042520c8d7?raw=true" width="250"/>  |
-| **SlideInLeft**  | <img src="https://github.com/user-attachments/assets/6f8d943f-bc39-4e79-a387-976b10220a52?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/1496315f-907d-465b-b537-4fa76ff7d4ea?raw=true" width="250"/>  |
-| **SlideInRight**  | <img src="https://github.com/user-attachments/assets/6197c7b4-9060-4da4-a367-1a4570176916?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/353b2074-707d-4f76-a499-14caac021941?raw=true" width="250"/>  |
-| **SlideInDown**  | <img src="https://github.com/user-attachments/assets/64c4c6cc-fbd6-4955-b5d8-4726e1e9b271?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/b6f8bb96-f395-4378-90bf-c8b0d5a17808?raw=true" width="250"/>  |
-| **SlideInUp**    | <img src="https://github.com/user-attachments/assets/d8da449a-9d65-48c8-b9d5-b27f193b79c3?raw=true" width="250"/> | <img src="https://github.com/user-attachments/assets/ee7640c3-b1ea-443c-ba1a-b0a65f5b13af?raw=true" width="250"/>  |
+| Animation Type   | ListView Example                                                   | GridView Example                                                  |
+|------------------|--------------------------------------------------------------------|-------------------------------------------------------------------|
+| **FadeIn**       | <img src="./gif/animations/list/fade-in.gif" width="250"/>         | <img src="./gif/animations/grid/fade-in.gif" width="250"/>        |
+| **FlipInY**      | <img src="./gif/animations/list/flip-in-y.gif" width="250"/>       | <img src="./gif/animations/grid/flip-in-y.gif" width="250"/>      |
+| **FlipInX**      | <img src="./gif/animations/list/flip-in-x.gif" width="250"/>       | <img src="./gif/animations/grid/flip-in-x.gif" width="250"/>      |
+| **Landing**      | <img src="./gif/animations/list/landing.gif" width="250"/>         | <img src="./gif/animations/grid/landing.gif" width="250"/>        |
+| **ScaleIn**      | <img src="./gif/animations/list/scale-in.gif" width="250"/>        | <img src="./gif/animations/grid/scale-in.gif" width="250"/>       |
+| **ScaleInTop**   | <img src="./gif/animations/list/scale-in-top.gif" width="250"/>    | <img src="./gif/animations/grid/scale-in-top.gif" width="250"/>   |
+| **ScaleInBottom**| <img src="./gif/animations/list/scale-in-bottom.gif" width="250"/> | <img src="./gif/animations/grid/scale-in-bottom.gif" width="250"/>|
+| **ScaleInLeft**  | <img src="./gif/animations/list/scale-in-left.gif" width="250"/>   | <img src="./gif/animations/grid/scale-in-left.gif" width="250"/>  |
+| **ScaleInRight** | <img src="./gif/animations/list/scale-in-right.gif" width="250"/>  | <img src="./gif/animations/grid/scale-in-right.gif" width="250"/> |
+| **Size**         | <img src="./gif/animations/list/size.gif" width="250"/>            | <img src="./gif/animations/grid/size.gif" width="250"/>           |
+| **SlideInLeft**  | <img src="./gif/animations/list/slide-in-left.gif" width="250"/>   | <img src="./gif/animations/grid/slide-in-left.gif" width="250"/>  |
+| **SlideInRight** | <img src="./gif/animations/list/slide-in-right.gif" width="250"/>  | <img src="./gif/animations/grid/slide-in-right.gif" width="250"/> |
+| **SlideInDown**  | <img src="./gif/animations/list/slide-in-down.gif" width="250"/>   | <img src="./gif/animations/grid/slide-in-down.gif" width="250"/>  |
+| **SlideInUp**    | <img src="./gif/animations/list/slide-in-up.gif" width="250"/>     | <img src="./gif/animations/grid/slide-in-up.gif" width="250"/>    |