{"id":16863842,"url":"https://github.com/nazar-pc/cleverstyle-widgets","last_synced_at":"2025-08-25T00:09:24.545Z","repository":{"id":57199948,"uuid":"123689386","full_name":"nazar-pc/CleverStyle-Widgets","owner":"nazar-pc","description":"Set of useful unstyled custom elements (Web Components) that work nicely with Shadow DOM","archived":false,"fork":false,"pushed_at":"2018-05-22T15:28:09.000Z","size":625,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-15T15:18:06.270Z","etag":null,"topics":["button","clevertyle","dialog","dropdown","form","icon","input","label","modal","notification","notify","pagination","polymer","progress","switcher","tabs","textarea","tooltip","webcomponents","widgets"],"latest_commit_sha":null,"homepage":"","language":"LiveScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nazar-pc.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-03T12:21:46.000Z","updated_at":"2018-05-22T15:28:11.000Z","dependencies_parsed_at":"2022-09-16T15:01:10.060Z","dependency_job_id":null,"html_url":"https://github.com/nazar-pc/CleverStyle-Widgets","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nazar-pc%2FCleverStyle-Widgets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nazar-pc%2FCleverStyle-Widgets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nazar-pc%2FCleverStyle-Widgets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nazar-pc%2FCleverStyle-Widgets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nazar-pc","download_url":"https://codeload.github.com/nazar-pc/CleverStyle-Widgets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244261483,"owners_count":20424946,"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":["button","clevertyle","dialog","dropdown","form","icon","input","label","modal","notification","notify","pagination","polymer","progress","switcher","tabs","textarea","tooltip","webcomponents","widgets"],"created_at":"2024-10-13T14:39:56.251Z","updated_at":"2025-03-18T16:39:32.787Z","avatar_url":"https://github.com/nazar-pc.png","language":"LiveScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CleverStyle Widgets\nCleverStyle Widgets is a set of useful unstyled custom elements (Web Components) that work nicely with Shadow DOM, ready for convenient data bindings and doesn't enforce any appearance by default (namely, almost no styling by default, just support for many [CSS mixins](https://www.polymer-project.org/2.0/docs/devguide/custom-css-properties#use-custom-css-mixins), so you can style them the way you need).\n\nCleverStyle Widgets project was initially created as a part of [CleverStyle Framework](https://github.com/nazar-pc/CleverStyle-Framework)'s UI, but now available as a separate project for everyone to use.\n\nThere are no automated tests yet, if you can contribute some - definitely do so!\n\n## How to install\n```\nnpm install cleverstyle-widgets\n```\n\n## How to use\n1. Include Polymer on your page (only Polymer 2.x is supported, legacy `window.Polymer` is used) alongside with WebComponents polyfill with Shady DOM/CSS support (`webcomponents-hi-sd-ce.js` in order to support all major modern browsers)\n2. Include either `src/index.html` for using all components or pick relevant collection of separate components from `src` (make sure to include necessary bits from `src/csw-0-behaviors-and-mixins` too)\n3. Look at [API](https://github.com/nazar-pc/CleverStyle-Widgets/blob/master/api.md) for available elements and functions, their options and usage examples\n4. Configure appearance as you like using [CleverStyle](https://github.com/nazar-pc/CleverStyle-Framework/blob/master/themes/CleverStyle/html/widgets%20styling.html) and [DarkEnergy](https://github.com/nazar-pc/CleverStyle-Framework/blob/master/themes/DarkEnergy/html/widgets%20styling.html) themes as an example (you can find all of the mixins that are current supported in source code), see [screenshots](https://github.com/nazar-pc/CleverStyle-Widgets/tree/master/screenshots) for example of how components might look\n\n## Contribution\nFeel free to create issues and send pull requests (for big changes create an issue first and link it from the PR), they are highly appreciated!\n\nWhen reading source code make sure to configure 1 tab to be 4 spaces (GitHub uses 8 by default), otherwise code might be hard to read.\n\n## License\nFree Public License 1.0.0 / Zero Clause BSD License\n\nhttps://opensource.org/licenses/FPL-1.0.0\n\nhttps://tldrlegal.com/license/bsd-0-clause-license\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnazar-pc%2Fcleverstyle-widgets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnazar-pc%2Fcleverstyle-widgets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnazar-pc%2Fcleverstyle-widgets/lists"}