{"id":32298078,"url":"https://github.com/ojasjain24/neon_widgets_flutter","last_synced_at":"2025-10-23T04:52:02.499Z","repository":{"id":43341971,"uuid":"461902554","full_name":"ojasjain24/neon_widgets_flutter","owner":"ojasjain24","description":"🌟This is a flutter package which provides most commonly used widgets with their normal and neon version. There are multiple different types of widgets under this package, which can be used to create more neon theme widget","archived":false,"fork":false,"pushed_at":"2023-10-02T04:44:34.000Z","size":90879,"stargazers_count":30,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-23T04:51:52.347Z","etag":null,"topics":["cross-platform","dart","flicker","flickering-light","flutter","flutter-package","flutter-plugin","flutter-ui","flutter-widget","glow","hacktoberfest","neon","neon-effect","package","plugin","plugins","ui-components","widget","widget-library","widgets"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/neon_widgets","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/ojasjain24.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":"2022-02-21T14:43:11.000Z","updated_at":"2025-07-19T20:32:01.000Z","dependencies_parsed_at":"2023-02-12T17:15:58.840Z","dependency_job_id":"302ee17c-64d6-47f8-b6e7-f63e1380aeb9","html_url":"https://github.com/ojasjain24/neon_widgets_flutter","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/ojasjain24/neon_widgets_flutter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ojasjain24%2Fneon_widgets_flutter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ojasjain24%2Fneon_widgets_flutter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ojasjain24%2Fneon_widgets_flutter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ojasjain24%2Fneon_widgets_flutter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ojasjain24","download_url":"https://codeload.github.com/ojasjain24/neon_widgets_flutter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ojasjain24%2Fneon_widgets_flutter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280563530,"owners_count":26351731,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-23T02:00:06.710Z","response_time":142,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["cross-platform","dart","flicker","flickering-light","flutter","flutter-package","flutter-plugin","flutter-ui","flutter-widget","glow","hacktoberfest","neon","neon-effect","package","plugin","plugins","ui-components","widget","widget-library","widgets"],"created_at":"2025-10-23T04:51:50.707Z","updated_at":"2025-10-23T04:52:02.492Z","avatar_url":"https://github.com/ojasjain24.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\u003cimg src = \"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/neon_widgets_logo.png\" height = \"300\" width =\"300\"/\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003e Neon Widgets💡 \u003c/h1\u003e\n \u003ch3 align=\"center\"\u003e Most commonly used flutter widgets in neon version.\u003c/h3\u003e\n\n[![License](https://img.shields.io/github/license/ojasjain24/neon_widgets_flutter?color=dark%20green)](https://github.com/ojasjain24/neon_widgets_flutter/blob/master/LICENSE)\n[![Pub](https://img.shields.io/pub/v/neon_widgets?color=blue)](https://pub.dev/packages/neon_widgets)\n[![GitHub stars](https://img.shields.io/github/stars/ojasjain24/neon_widgets_flutter?color=green\u0026style=social)](https://github.com/ojasjain24/neon_widgets_flutter)\n\n## Live Example : https://ojas-jain.web.app/#/\n\n\n## Neon Widgets 2.0 =\u003e Breaking Changes\n\nAnimation disposal issues resolved. and every class' name have been changed, to comply with the standard dart syntax.\n\n#### All the class names have been changed, to comply with the standard dart syntax. Previously every class had the name convention such that non-neon class' name started with the letter 'o', and neon classes started with 'oNeon'. But in the update, the neon class names now starts with 'Neon', and the letter 'o' has been removed from the starting of non-neon classes.\n\n#### For example :\n1 : 'oNeonContainer' is now changed to 'NeonContainer'.\n\n2 : 'oNeonCustomVerticesProgressBar' is now changed to 'NeonCustomVerticesProgressBar'.\n\n3 : 'oSearchBar' is now changed to 'SearchBar'.\n\n## Getting started\n\nReadme Changelog Installing Versions Scores Admin Activity log Use this package as a library Depend\non it Run this command:\n\nRun this command:\n\nWith Dart:\n\n```\n $ dart pub add neon_widgets\n```\n\nWith Flutter:\n\n```\n $ flutter pub add neon_widgets\n```\n\nThis will add a line like this to your package's pubspec.yaml (and run an implicit dart pub get):\n\n```\ndependencies:\n  neon_widgets: ^2.0.0\n```\n\nAlternatively, your editor might support dart pub get or flutter pub get. Check the docs for your\neditor to learn more.\n\nImport it Now in your Dart code, you can use:\n\n```\nimport 'package:neon_widgets/neon_widgets.dart';\n```\n\n## Features\n\n### ExampleApp\n\nNeon Widgets :\n\n\u003cimg src=\"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/neonWidgets.gif\" height=\"516\" width=\"360\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/Screenshot%202022-02-21%20110732.png\" height=\"580\" width=\"360\" \u003e\n\nFlickering Neon Widgets\n(with random flicker rate) :\n\n\u003cimg src=\"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/flickerWidgetsDemo.gif\" height=\"594\" width=\"360\"\u003e\n\nLoaders :\n\n \u003cimg src = \"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/loaders.gif\" /\u003e\n\n### Widgets\n\nneonText :\n\n\u003cimg src = \"https://user-images.githubusercontent.com/59116312/159339246-fda62119-75c2-4d5d-8f44-6c8f85db9800.gif\"/\u003e\n\n```\n// neon text\n\n NeonText(\n   text: \"Neon text\",\n   spreadColor: Colors.pink,\n   blurRadius: 20,\n   textSize: 74,\n   textColor: Colors.white,\n ),\n\n// flickering neon text\n\n FlickerNeonText(\n   text: \"Flicker neon text\",\n   flickerTimeInMilliSeconds: 600,\n   spreadColor: Colors.blue,\n   blurRadius: 20,\n   textSize: 74,\n ),\n```\n\nneonSearchBar :\n\n\u003cimg src=\"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/Screenshot%202022-02-21%20110254.png\"  \u003e\n\n```\nNeonSearchBar()\n```\n\nChat widgets :\n\n\u003cimg src=\"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/Screenshot%202022-02-21%20110417.png\" \u003e\n\n```\n// Left message card in neon theme\nNeonLeftMsgCard(\n  lightBlurRadius: 20,\n  lightSpreadRadius: 5,\n  msg:\n      \"Hi all, this is brand new library that provides most used widgets in neon and normal effect\",\n  time: \"10:45\",\n),\n\nconst SizedBox(\n  height: 20,\n),\n\n// Right message card in neon theme\nNeonRightMsgCard(\n    lightBlurRadius: 20,\n    lightSpreadRadius: 10,\n    backgroundColor: Colors.deepPurple,\n    msg:\n    \"Hi all, this is brand new library that provides most used widgets in neon and normal effect\",\n    time: \"10:45\",\n ),\n\nconst SizedBox(\n  height: 20,\n),\n\n// Left massage card\n\nLeftMsgCard(\n    msg:\n    \"Hi all, this is brand new library that provides most used widgets in neon and normal effect\",\n    time: \"10:45\",\n),\n\nconst SizedBox(\n  height: 20,\n),\n\n// Right massage card\n\nRightMsgCard(\n    msg:\n    \"Hi all, this is brand new library that provides most used widgets in neon and normal effect\",\n    time: \"10:45\",\n),\n\nconst SizedBox(\n  height: 20,\n),\n\n```\n\nAdd items widget :\n\n\u003cimg src=\"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/Screenshot%202022-02-21%20110455.png\" \u003e\n\n```\nWrap(\ndirection: Axis.horizontal,\nchildren: \u003cWidget\u003e[\n  ...(searchedResults.map((e) =\u003e\n      NeonAddItemButton(\n          data: e,\n          borderColor: Colors.deepOrange.shade50,\n          spreadColor: Colors.deepOrange,\n          lightSpreadRadius: 3,\n          lightBlurRadius: 18))),\n],\n),\n```\n\nNeonPoint widget :\n\n\u003cimg src=\"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/Screenshot%202022-02-21%20190238.png\" \u003e\n\n```\nNeonPoint(\n  pointSize: 00,\n  pointColor: Colors.red.shade100,\n  spreadColor: Colors.red,\n),\n```\n\nNeonLine widget :\n\n\u003cimg src=\"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/Screenshot%202022-02-21%20190619.png\" \u003e\n\n```\nNeonLine(\n  spreadColor: Colors.brown,\n  lightSpreadRadius: 30,\n  lightBlurRadius: 90,\n  lineWidth: 400,\n  lineHeight: 0.02,\n  lineColor: Colors.brown.shade100,\n),\n```\n\nFlickering Neon widgets :\n\n```\n// Flickering neon line\nFlickerNeonLine(\n  spreadColor: Colors.brown,\n  lightSpreadRadius: 30,\n  lightBlurRadius: 60,\n  lineWidth: 300,\n  lineHeight: 2,\n  lineColor: Colors.brown.shade100,\n\n  // flicker rate which is selects a random value by default\n  randomFlicker: false,\n  flickerTimeInMilliSeconds: 1000,\n),\n```\n\n```\n// Flickering neon point\nFlickerNeonPoint(\n  pointSize: 010,\n  pointColor: Colors.blue.shade100,\n  spreadColor: Colors.blue,\n),\n```\n\n```\n// Flickering neon container\nFlickerNeonContainer(\n    spreadColor: Colors.green.shade700,\n    child: WIDGET\n),\n```\n\nLoaders :\n\n```\n //loader type 1 : loader made of polynomial of n number of side\n NeonShapeVerticesProgressBar(number: 4)\n\n //loader type 2 : triangle shape with all colors customizable\n NeonTriangleVerticesProgressBar()\n\n //loader type 3 : square shape with all colors customizable\n NeonSquareVerticesProgressBar()\n\n //loader type 4 : image\n ImageProgressBar(image : \"assets/images/abc.png\")\n\n```\n\nNon Neon widgets :\n\n\u003cimg src=\"https://raw.githubusercontent.com/ojasjain24/neon_widgets_flutter/master/demos/Screenshot%202022-02-21%20110545.png\" \u003e\n\n```\nSearchBar(),\nconst SizedBox(\n  height: 20,\n),\nWrap(\n  direction: Axis.horizontal,\n  children: \u003cWidget\u003e[\n    ...(searchedResults\n        .map((e) =\u003e AddItemButton(data: e))),\n  ],\n),\nconst SizedBox(\n  height: 20,\n),\nContainer(\n  padding: const EdgeInsets.all(20),\n  child: CircumscribingIconButton(\n      icon: Icons.keyboard_arrow_left_sharp,\n      onTap: () {},\n      backgroundColor: Colors.purple),\n),\n```\n\n## Usage\n\nExample code provided\n\n```\nNeonContainer(\n  spreadColor: Colors.green.shade700,\n  child: CircumscribingIconButton(\n        icon: Icons.arrow_right_alt_sharp,\n        onTap: () {},\n        backgroundColor: Colors.green.shade700),\n    borderRadius: BorderRadius.circular(100),\n    lightBlurRadius: 100,\n    lightSpreadRadius: 50,\n  borderColor: Colors.green.shade100\n)\n```\n\n## Additional information\n\nWanna improve this package? Contribute to project on\n\ngithub : https://github.com/ojasjain24/neon_widgets_flutter\n\ncreate issue : https://github.com/ojasjain24/neon_widgets_flutter/issues\n\n## Contributing rules :\n\n1 : create an issue describing the feature.\n\n2 : comment on this issue that you are interested in resolving this issue.\n\n#### 3 : Create a Pull request in dev branch.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fojasjain24%2Fneon_widgets_flutter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fojasjain24%2Fneon_widgets_flutter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fojasjain24%2Fneon_widgets_flutter/lists"}