https://github.com/pacifio/rapid
Flutter rapid ui is a library that allows you to build responsive widgets quickly like tailwindcss.
https://github.com/pacifio/rapid
flutter flutter-package flutter-packages flutter-responsive flutter-ui responsive tailwindcss
Last synced: 10 months ago
JSON representation
Flutter rapid ui is a library that allows you to build responsive widgets quickly like tailwindcss.
- Host: GitHub
- URL: https://github.com/pacifio/rapid
- Owner: pacifio
- License: mit
- Created: 2023-07-02T16:48:39.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-07T07:14:52.000Z (over 2 years ago)
- Last Synced: 2025-04-02T08:23:20.016Z (11 months ago)
- Topics: flutter, flutter-package, flutter-packages, flutter-responsive, flutter-ui, responsive, tailwindcss
- Language: Dart
- Homepage: https://rapidocs.vercel.app/
- Size: 29.6 MB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
## Rapid UI
Flutter rapid ui is a library that allows you to build responsive widgets quickly like tailwindcss.
Rapid allows flutter developers to create responsive sharable widgets in record time with utility first tailwind like classes.
[Check out the documentations](https://rapidocs.vercel.app/)
```dart
import 'package:flutter/material.dart';
import 'package:rapid/rapid.dart';
class DemoCard extends StatelessWidget {
const DemoCard({super.key});
@override
Widget build(BuildContext context) {
return const Center(
child: RapidContainer(
styles:
"px-4 py-4 mx-8 my-8 bg-grey-900 rounded-lg shadow-sm laptop:px-0 laptop:py-0",
child: RapidFlow(
styles: "column items-center axis-min laptop:row desktop:row",
children: [
RapidContainer(
styles:
"w-16 h-16 laptop:w-32 laptop:h-40 rounded-full desktop:rect bg-grey-800 laptop:rounded-md",
child: SizedBox(),
),
SizedBox(
height: 16,
),
RapidContainer(
styles: "laptop:px-8",
child: RapidFlow(
styles:
"column items-center axis-min laptop:items-start desktop:items-start",
children: [
RapidContainer(
styles: "laptop:w-96",
child: RapidText(
text:
"Rapid allows flutter developers to create responsive sharable widgets in record time with utility first tailwind like classes",
styles:
"text-center text-white text-md laptop:text-left laptop:leading-relaxed",
),
),
RapidContainer(
styles: "pt-4",
child: RapidText(
text: "Adib Mohsin",
styles: "text-blue",
),
),
RapidContainer(
styles: "pt-1",
child: RapidText(
text: "layopay",
styles: "text-grey-500 uppercase text-xs",
),
)
],
)),
],
),
),
);
}
}
```