{"id":43688964,"url":"https://github.com/fluttersdk/wind","last_synced_at":"2026-02-05T03:06:16.810Z","repository":{"id":274840424,"uuid":"924093375","full_name":"fluttersdk/wind","owner":"fluttersdk","description":"A Flutter plugin designed with a utility-first approach, inspired by Tailwind CSS, for building responsive, modular, and efficient UI components.","archived":false,"fork":false,"pushed_at":"2026-02-01T21:10:31.000Z","size":21627,"stargazers_count":12,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-02-02T05:45:07.434Z","etag":null,"topics":["dark-mode","dart","developer-tools","flutter","flutter-packages","flutter-ui","mobile-development","responsive-design","tailwindcss","utility-first"],"latest_commit_sha":null,"homepage":"https://wind.fluttersdk.com","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fluttersdk.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-01-29T12:04:16.000Z","updated_at":"2026-02-01T10:34:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"2e609d40-958f-417d-9a7d-c9b129fd2d80","html_url":"https://github.com/fluttersdk/wind","commit_stats":null,"previous_names":["fluttersdk/wind"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/fluttersdk/wind","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluttersdk%2Fwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluttersdk%2Fwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluttersdk%2Fwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluttersdk%2Fwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fluttersdk","download_url":"https://codeload.github.com/fluttersdk/wind/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluttersdk%2Fwind/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29108392,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-05T02:48:39.389Z","status":"ssl_error","status_checked_at":"2026-02-05T02:48:27.400Z","response_time":65,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dark-mode","dart","developer-tools","flutter","flutter-packages","flutter-ui","mobile-development","responsive-design","tailwindcss","utility-first"],"created_at":"2026-02-05T03:06:16.328Z","updated_at":"2026-02-05T03:06:16.800Z","avatar_url":"https://github.com/fluttersdk.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Wind - Utility-First Styling for Flutter\n\n**Wind** enables seamless styling in Flutter by interpreting class names directly in your widget trees, transforming them into optimized designs.\n\n## 🚀 Features\n- 🏗 **Utility-First Design** – Inspired by TailwindCSS, apply styles using class names.\n- 🎨 **Customizable Themes** – Easily configure fonts, colors, and breakpoints.\n- 🌙 **Dark Mode Support** – Built-in support for dynamic dark mode.\n- 📱 **Responsive Design** – Define layouts with screen-size breakpoints.\n- ⚡ **Optimized for Performance** – Class name parsing for efficient styling.\n\n## 📺 Installation\n\nAdd Wind to your Flutter project by running:\n\n```sh\nflutter pub add fluttersdk_wind\n```\n\nOr manually add it to your `pubspec.yaml`:\n\n```yaml\ndependencies:\n  fluttersdk_wind: ^0.0.4\n```\n\nThen, fetch dependencies:\n\n```sh\nflutter pub get\n```\n\n## 🛠 Usage\n\nStart using Wind utilities in your Flutter widgets:\n\n```dart\nimport 'package:flutter/material.dart';\nimport 'package:fluttersdk_wind/fluttersdk_wind.dart';\n\nclass MyApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      theme: WindTheme.toThemeData(\n        primarySwatch: Colors.blue,\n      ),\n      home: Scaffold(\n        body: WCard(\n          className: 'shadow-lg rounded-lg m-4 p-4 bg-black',\n          child: WFlex(\n            className: 'flex-col axis-min gap-2 items-start',\n            children: [\n              WText('12', className: 'text-4xl leading-6 font-bold text-white'),\n              WText('Active users on the website', className: 'text-white leading-4'),\n              WText(\n                'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',\n                className: 'text-gray-300 text-xs',\n              )\n            ],\n          ),\n        ),\n      ),\n    );\n  }\n}\n```\n\n## 🎨 Theme Binding (Optional)\n\nYou can bind the Wind theme to your Flutter app for consistent design:\n\n```dart\nWindTheme.toThemeCallback(\n  context,\n  primarySwatch: Colors.blue,\n  bodyFontString: 'Roboto',\n  displayFontString: 'Lobster',\n);\n```\n\n## 📚 Documentation\n\nFor full documentation and examples, visit: **[Wind Docs](https://wind.fluttersdk.com)**\n\n## 🤝 Contributing\n\nWe welcome contributions! If you’d like to improve Wind, follow these steps:\n1. Fork the repository.\n2. Create a new branch: `git checkout -b my-feature`\n3. Make your changes and commit: `git commit -m \"Add my feature\"`\n4. Push to your branch: `git push origin my-feature`\n5. Submit a pull request.\n\n## 🐝 License\n\nThis project is licensed under the **MIT License**.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffluttersdk%2Fwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffluttersdk%2Fwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffluttersdk%2Fwind/lists"}