{"id":13599818,"url":"https://github.com/yannbf/ionic3-components","last_synced_at":"2025-05-15T14:07:58.046Z","repository":{"id":47844454,"uuid":"72818140","full_name":"yannbf/ionic3-components","owner":"yannbf","description":"A project full of ionic 3 components and samples - to make life easier :)","archived":false,"fork":false,"pushed_at":"2020-09-27T15:54:22.000Z","size":22169,"stargazers_count":1682,"open_issues_count":22,"forks_count":700,"subscribers_count":197,"default_branch":"master","last_synced_at":"2025-05-06T17:11:29.540Z","etag":null,"topics":["angular2","angular4","components","ionic","ionic2","ionic3","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/yannbf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-11-04T05:48:23.000Z","updated_at":"2025-04-26T13:21:41.000Z","dependencies_parsed_at":"2022-09-17T12:22:33.550Z","dependency_job_id":null,"html_url":"https://github.com/yannbf/ionic3-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yannbf%2Fionic3-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yannbf%2Fionic3-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yannbf%2Fionic3-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yannbf%2Fionic3-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yannbf","download_url":"https://codeload.github.com/yannbf/ionic3-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253919635,"owners_count":21984264,"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","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":["angular2","angular4","components","ionic","ionic2","ionic3","typescript"],"created_at":"2024-08-01T17:01:12.465Z","updated_at":"2025-05-15T14:07:53.034Z","avatar_url":"https://github.com/yannbf.png","language":"TypeScript","readme":"# Ionic Advanced Components [![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](https://github.com/ellerbrock/open-source-badge/)\n\n[![All Contributors](https://img.shields.io/badge/all_contributors-15-orange.svg?style=flat-square)](#contributors)\n\n## This project uses Ionic 3 and Angular 5\nThere are currently no plans to update this project to the latest Ionic and Angular as the effort is quite big. If you are interested in doing so, contributions are appreciated!\n\n## Demo\n\nIf you just want to check this project out, you can see the online demo at https://yannbf.github.io/ionic3-components.\n\nPlease note that some plugins may **only work** when using a real device, so don't expect everything to work in the browser.\n\n---\n\nThis repository was made in order to help people learn and speed up their development process.\nYou will find many many different components, pages, pipes, services, of which can be very useful to you. Note though that these are all experimental!\n\nThe content here is a mix of tutorials found online, a few adapted codepen stuff, a few dribbble inspired layouts, and also other stuff made by the amazing contributors of this project.\n\n**HOPEFULLY** you will like this repo and feel like contributing, so please if you can, contribute so we can have even more amazing content!\n\n## How do I use this in my project?\n\nIf you find something useful for you, all you gotta do is extract the code related to that page/component/functionality and move it to your project. Most of the pages and components do not use global code/style so that it is easier to extract to your project.\n\n## Setup\n\nRequirements to use this project:\n\n##### Node.js (https://nodejs.org/download/)\n\n##### npm (Node Package Manager, it comes with node.js installation)\n\nIn case you're not with the latest version of npm:\n\n```sh\n$ sudo npm install npm -g\n```\n\n##### Cordova \u0026 Ionic Cli\n\nTo install both of them on your system just launch this command:\n\n```sh\n$ sudo npm install cordova ionic -g\n```\n\n## Install NPM Dependencies\n\nOnce you clone this repository, run this command on your terminal to install all needed dependencies:\n\n```sh\n$ npm install\n```\n\n## Install cordova plugin Dependencies\n\nRun this command on your terminal to add a platform and install all needed puglins:\n\niOS:\n\n```sh\n$ ionic cordova platform add ios\n$ ionic cordova run ios\n```\n\nAndroid:\n\n```sh\n$ ionic cordova platform add android\n$ ionic cordova run android\n```\n\n## Launching the App\n\nAfter installing the needed dependencies you are done, launch your app with any of these commands\n\n```sh\n$ npm run ionic:serve (for npm)\n$ yarn ionic:serve (for yarn)\n$ ionic serve (if you have ionic installed globally)\n```\n\n## Amazing contributors\n\nThanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://www.dlohani.com.np\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/6360216?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDamodar Lohani\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=lohanidamodar\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#talk-lohanidamodar\" title=\"Talks\"\u003e📢\u003c/a\u003e \u003ca href=\"#design-lohanidamodar\" title=\"Design\"\u003e🎨\u003c/a\u003e \u003ca href=\"#blog-lohanidamodar\" title=\"Blogposts\"\u003e📝\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/corysmc\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/6452188?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eCory McArthur\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=corysmc\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#talk-corysmc\" title=\"Talks\"\u003e📢\u003c/a\u003e \u003ca href=\"#design-corysmc\" title=\"Design\"\u003e🎨\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://ServiciosGlobalesTecnologicos.com/\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/1894500?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003emike-carr\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#plugin-miguelcarrascoq\" title=\"Plugin/utility libraries\"\u003e🔌\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://fdom-website.firebaseapp.com/\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/7361737?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eFernando del olmo\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=Fdom92\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/medeirosrafael\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/13787877?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003emedeirosrafael\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/issues?q=author%3Amedeirosrafael\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/javico2609\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/12940555?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJavier\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=javico2609\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-javico2609\" title=\"Design\"\u003e🎨\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://mazlan.my\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/5886788?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMohd Mazlan Bin Mohd Nor\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=mazlanmohdnor\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-mazlanmohdnor\" title=\"Design\"\u003e🎨\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/danielsogl\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/15234844?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDaniel Sogl\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=danielsogl\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#infra-danielsogl\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/jeronimonascimento\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/16031907?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJerônimo do Nascimento\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=jeronimonascimento\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://mateusduraes.github.io/\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/19319404?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMateus Duraes\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=mateusduraes\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-mateusduraes\" title=\"Design\"\u003e🎨\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/nazrdogan\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/1672303?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eNazır Doğan\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=nazrdogan\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://www.fahrenbyte.com\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/12659402?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAbdelghafour Rakhma\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=Sletheren\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-Sletheren\" title=\"Design\"\u003e🎨\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/AndreasGassmann\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/680814?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAndreasGassmann\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/issues?q=author%3AAndreasGassmann\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/lucascco\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/6581094?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLucas Carvalho Corrêa\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=lucascco\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://www.stephan-strate.de/\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/19595615?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eStephan Strate\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=stephan-strate\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Sab94\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/15252513?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSabyasachi Patra\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=Sab94\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-Sab94\" title=\"Design\"\u003e🎨\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://xpressivetech.com/\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1063019?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDuane Helton\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#infra-tallcoder\" title=\"Infrastructure (Hosting, Build-Tools, etc)\"\u003e🚇\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://www.jordanbenge.com\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/11723093?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJordan Benge\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/pulls?q=is%3Apr+reviewed-by%3ABengejd\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e \u003ca href=\"#design-Bengejd\" title=\"Design\"\u003e🎨\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"http://shadowmitia.github.io\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/3752363?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDimitri Belopopsky\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=ShadowMitia\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Luancarlos\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/15051544?v=4\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eLuan Rocha\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/yannbf/ionic3-components/commits?author=Luancarlos\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-Luancarlos\" title=\"Design\"\u003e🎨\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-enable --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!\n","funding_links":[],"categories":["Projects","TypeScript"],"sub_categories":["Pipe"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyannbf%2Fionic3-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyannbf%2Fionic3-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyannbf%2Fionic3-components/lists"}