https://github.com/nick-we/use-widgets
Make your app more alive with beautiful animated icons.
https://github.com/nick-we/use-widgets
dart flutter flutter-package flutter-ui widgetkit widgets
Last synced: 2 months ago
JSON representation
Make your app more alive with beautiful animated icons.
- Host: GitHub
- URL: https://github.com/nick-we/use-widgets
- Owner: nick-we
- License: bsd-3-clause
- Created: 2023-11-30T19:24:24.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-01T12:04:09.000Z (over 2 years ago)
- Last Synced: 2026-02-23T12:59:19.615Z (4 months ago)
- Topics: dart, flutter, flutter-package, flutter-ui, widgetkit, widgets
- Language: Dart
- Homepage:
- Size: 338 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
Make your app more alive with beautiful animated icons.
## Features
### Action Icons
### Alert Icons
### Content Icons
### Loading Icons
### Media Icons
### Navigation Icons
### Notification Icons
### Social Media Icons
### Other Icons
## Getting started
Add the dependency to pubspec.yaml or enter the following command into your terminal:
```bash
flutter pub add use_widgets
```
Next I will provide a super simple example of how to use one of the animated icons:
```dart
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:use_widgets/use_widgets/use_widgets.dart';
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
return HookBuilder(builder: (context) {
final menuIsOpen = useState(false);
return Scaffold(
backgroundColor: const Color(0xff202020),
appBar: AppBar(
backgroundColor: Colors.black,
leading: InkWell(
onTap: () {
menuIsOpen.value = !menuIsOpen.value;
},
child: MenuV2( // Here we use one of the animated icons
isOpen: menuIsOpen.value,
color: Colors.white,
),
),
),
body: Center(),
),
}),
}
}
```
## Additional information
The underlying lottie icons are from https://useanimations.com/.
All the free files available in useAnimations are distributed under Creative Commons (CC) Attribution (BY) unless stated otherwise.
The resources (animations) can be used for personal and commercial usage within Web and Mobile Applications.
You may modify the resources according to your requirements and use them in any or all of your personal or commercial projects. For example, you may include this resource on a website or mobile application you will be designing for a client.
You are required to attribute or link to useanimations.com in any of projects.
useAnimations (useanimations.com) will not be responsible for any outcome that may occur during the use of their resources.
Files from useAnimations can be shared as long as the useAnimations are credited appropriately.