{"id":13515533,"url":"https://github.com/acidb/mobiscroll","last_synced_at":"2025-05-14T18:03:51.397Z","repository":{"id":1592482,"uuid":"2113176","full_name":"acidb/mobiscroll","owner":"acidb","description":"Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)","archived":false,"fork":false,"pushed_at":"2022-09-08T04:30:11.000Z","size":13230,"stargazers_count":1546,"open_issues_count":21,"forks_count":438,"subscribers_count":97,"default_branch":"master","last_synced_at":"2025-05-05T04:37:03.304Z","etag":null,"topics":["angular","angularjs","component-library","hybrid-apps","ionic","ionic-plugin","javascript","javascript-library","jquery","mobile-web","mobiscroll","react","ui-components","ui-kit"],"latest_commit_sha":null,"homepage":"https://mobiscroll.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/acidb.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":"2011-07-27T14:12:18.000Z","updated_at":"2025-04-23T12:08:27.000Z","dependencies_parsed_at":"2022-08-08T15:16:06.799Z","dependency_job_id":null,"html_url":"https://github.com/acidb/mobiscroll","commit_stats":null,"previous_names":[],"tags_count":109,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acidb%2Fmobiscroll","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acidb%2Fmobiscroll/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acidb%2Fmobiscroll/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acidb%2Fmobiscroll/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acidb","download_url":"https://codeload.github.com/acidb/mobiscroll/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254198452,"owners_count":22030964,"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":["angular","angularjs","component-library","hybrid-apps","ionic","ionic-plugin","javascript","javascript-library","jquery","mobile-web","mobiscroll","react","ui-components","ui-kit"],"created_at":"2024-08-01T05:01:12.588Z","updated_at":"2025-05-14T18:03:46.388Z","avatar_url":"https://github.com/acidb.png","language":"JavaScript","readme":"Mobiscroll\n==========\n\nWhat is Mobiscroll?\n-----------------\nMobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability and performance. [Mobiscroll Forms](https://mobiscroll.com/forms) ships with 15 customizable controls that you can use for free that are included in this repository. For advanced functionality use Forms with:\n\n* [Event calendar \u0026 Scheduler](https://mobiscroll.com/event-calendar-scheduler)\n* [Datetime pickers \u0026 Calendars](https://mobiscroll.com/date-time-picker-calendar)\n* [Select, pickers \u0026 dropdowns](https://mobiscroll.com/select-pickers-scroller-dropdown)\n* [Listview \u0026 card layout](https://mobiscroll.com/listview-with-cards-gestures)\n\nWhere can I use Mobiscroll?\n-----------------\nYou can use the controls in web and hybrid/native cross-platform apps. At its core Mobiscroll is framework agnostic, but API variants for jQuery/jQuery Mobile, Angular/Ionic, Angular JS/Ionic 1 and React is available.\n\nElements\n-----------------\n\n#### Single and multiline text ([live example](https://demo.mobiscroll.com/inputs-fields))\n\nText fields are the backbone of every form. Use them to capture a wide range of properties from plain text to passwords.\n\nUse labels, icons, placeholders or a combination of them to help users get meaning at a glance. Show/hide functionality built in for password fields.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/text-input.png?raw=true\" width=\"50%\"\u003e\n\n#### Select styling ([live example](https://demo.mobiscroll.com/inputs-fields/select))\n\nSimilar to the single line input styling, it features a chevron/dropdown arrow to clearly signal the difference between select and text input.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/select-styling.png?raw=true\" width=\"50%\"\u003e\n\n#### Buttons ([live example](https://demo.mobiscroll.com/buttons))\n\nButtons with different states, styles and alignments. Inline or raised, left aligned, right aligned, centered or justified. Full-width buttons supported as well.\n\nUse it with or without icons.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/buttons.png?raw=true\" width=\"50%\"\u003e\n\n#### Segmented control ([live example](https://demo.mobiscroll.com/buttons/segmented))\n\nEasily lay out two to five options for single and multiple select. Making all options instantly visible lets users make selections with a single interaction instead of at least 3 (tap to open select, do the select, hit set - like for the traditional dropdown).\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/segmented.png?raw=true\" width=\"50%\"\u003e\n\n#### Checkbox and checklist ([live example](https://demo.mobiscroll.com/toggle-radio))\n\nSimilar to the native checkbox in functionality, but with a look and feel that fits with the overall user experience and theme. Features description text, checkbox list and disabled styling.\n\nExcellent choice for inline multi-select lists.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/checkbox.png?raw=true\" width=\"50%\"\u003e\n\n#### Radio button list ([live example](https://demo.mobiscroll.com/toggle-radio/radio-button))\n\nSingle select for a list of options. Use it instead of the segmented control if there are more items that would fit in a single line.\n\nUsually a good choice for five options and above. Features disabled styling and optional description.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/radio.png?raw=true\" width=\"50%\"\u003e\n\n#### Switch ([live example](https://demo.mobiscroll.com/toggle-radio/switch))\n\nJust like the checkbox, the switch lets users turn options on/off. Can be rendered as a list of fields, like the checkbox list or as a stand-alone control.\n\nFeatures optional description and disabled styling.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/switch.png?raw=true\" width=\"50%\"\u003e\n\n#### Stepper ([live example](https://demo.mobiscroll.com/buttons/stepper))\n\nWhen users need to make small adjustments to values by increasing or decreasing it avoid free-form input and dropdowns. Steppers help in minimizing mistakes, and reduce the number of taps for getting the values right.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/stepper.png?raw=true\" width=\"50%\"\u003e\n\n#### Page and typography ([live example](https://demo.mobiscroll.com/styling))\n\nTakes care of setting the background colors, spacing and typographic styling. It makes sure that the content you add shows up nicely on any screen-size.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/typography.png?raw=true\" width=\"50%\"\u003e\n\n#### Slider ([live example](https://demo.mobiscroll.com/slider-progress))\n\nWork your way from a monotone, dropdown heavy form to an easily scannable page by switching controls. Consider using sliders for selecting one or multiple values from a range.\n\nContinuous ranges, steps, floating value display, disabled styling and usage with icons is supported out of the box.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/slider.png?raw=true\" width=\"50%\"\u003e\n\n#### Progress ([live example](https://demo.mobiscroll.com/slider-progress/progress))\n\nProvide visual feedback to the user. Reduce anxiety and help people understand progress with the control. You can also use it as a completness meter to show how the user does on completing a purchase.\n\nWith a powerful API control the state, value programtically and restart, pause it if you need to.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/progress.png?raw=true\" width=\"50%\"\u003e\n\n#### Alert, confirm and prompt ([live example](https://demo.mobiscroll.com/alerts-notifications))\n\nShow alert messages, confirmation dialogs and prompt for focused value entry. With a platform-specific look and feel, you can make your users feel at home and communicate what they actually need to see.\n\nThese controls cannot be dismissed by pressing the overlay, avoiding closing it by mistake.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/alert.png?raw=true\" width=\"50%\"\u003e\n\n#### Toast and snackbar ([live example](https://demo.mobiscroll.com/alerts-notifications/notifications))\n\nKeep your users up to date with notifications. Either in form of a toast or a snackbar.\n\nYou can optionally provide an action with the message - such as UNDO or RETRY - which will help the user make progress faster towards their goal.\n\n\u003cimg src=\"https://github.com/acidb/mobiscroll/blob/master/img/notifications.png?raw=true\" width=\"50%\"\u003e\n\nCommercial Components\n-----------------\n\n#### Date \u0026 time pickers\n\n* [Calendar](https://demo.mobiscroll.com/calendar)\n* [Date \u0026 Time](https://demo.mobiscroll.com/datetime)\n* [Range](https://demo.mobiscroll.com/range)\n* [Timespan](https://demo.mobiscroll.com/timespan)\n\n#### Event calendar\n\n* [Agenda](https://demo.mobiscroll.com/agenda)\n* [Calendar view](https://demo.mobiscroll.com/eventcalendar)\n* [Scheduler](https://demo.mobiscroll.com/scheduler)\n\n#### Pickers \u0026 dropdowns\n\n* [Select](https://demo.mobiscroll.com/select)\n* [Scroller](https://demo.mobiscroll.com/scroller)\n* [Treelist](https://demo.mobiscroll.com/list)\n* [Image](https://demo.mobiscroll.com/image)\n* [Color](https://demo.mobiscroll.com/color)\n* [Optionlist](https://demo.mobiscroll.com/optionlist)\n\n#### Pickers \u0026 dropdowns\n\n* [Numpad](https://demo.mobiscroll.com/numpad)\n* [Number](https://demo.mobiscroll.com/number)\n* [Measurement](https://demo.mobiscroll.com/measurement)\n\n#### Gesture enabled responsive list\n\n* [Listview](https://demo.mobiscroll.com/listview)\n* [Scrollview](https://demo.mobiscroll.com/scrollview)\n* [Cards](https://demo.mobiscroll.com/cards)\n\nDocumentation\n-----------------\nFor the complete documentation of Mobiscroll Forms and all products, please visit https://docs.mobiscroll.com\n\nDemos and examples\n-----------------\n- Demos for Mobiscroll Forms (FREE) can be found at https://demo.mobiscroll.com/forms\n- Over 250 live demos with downloadable code can be found at https://demo.mobiscroll.com\n\nGetting help\n-----------------\n- Report bugs to the [issues list](https://github.com/acidb/mobiscroll/issues?q=is%3Aopen) for all Mobiscroll products.\n- Browse the [learning section](https://mobiscroll.com/support) and [help center](http://help.mobiscroll.com) for resources and more information on the products.\n- Submit and answer questions on the [Community Forum](https://forum.mobiscroll.com) and [StackOverflow](http://stackoverflow.com/questions/tagged/mobiscroll) with the 'mobiscroll' tag.\n- Join the [community forum](https://forum.mobiscroll.com).\n\nThe Mobiscroll team does not provide technical support for Mobiscroll Lite. To get support from the team [purchase a license](https://mobiscroll.com/pricing) or join the [community forums](https://forum.mobiscroll.com)\n\nRelease notes\n-----------------\nFor the complete release history and changelog, visit https://mobiscroll.com/releases\n\nGet in touch\n-----------------\nContact https://mobiscroll.com/contact\n\nTwitter http://twitter.com/mobiscroll\n\nFacebook https://www.facebook.com/mobiscroll\n\nLicense Information\n-----------------\n\nThis project has been released under the Apache License, version 2.0, the text of which is included below. This license applies ONLY to the source of this repository and does not extend to any other Mobiscroll distribution or variant, or any other 3rd party libraries used in a repository. For licensing information about Mobiscroll, see the [License Agreements page at mobiscroll.com](https://mobiscroll.com/eula).\n\n\u003eCopyright © 2021 Mobiscroll\n\n\u003eLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use this file except in compliance with the License. You may obtain a copy of the License at\n\n\u003ehttp://www.apache.org/licenses/LICENSE-2.0\n\n\u003eUnless required by applicable law or agreed to in writing, software distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.\n","funding_links":[],"categories":["JavaScript","10. 表单处理"],"sub_categories":["10.5 日期选择 ###","10.6 日期选择"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facidb%2Fmobiscroll","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facidb%2Fmobiscroll","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facidb%2Fmobiscroll/lists"}