{"id":25517867,"url":"https://github.com/amiceli/papierjs","last_synced_at":"2026-02-08T23:10:02.547Z","repository":{"id":276460433,"uuid":"929354395","full_name":"amiceli/papierjs","owner":"amiceli","description":"papierjs - papercss with web components","archived":false,"fork":false,"pushed_at":"2025-02-22T22:36:23.000Z","size":1668,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T19:39:30.866Z","etag":null,"topics":["papercss","stencil"],"latest_commit_sha":null,"homepage":"https://papier.miceli.click/","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/amiceli.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-08T10:57:37.000Z","updated_at":"2025-02-22T22:35:37.000Z","dependencies_parsed_at":"2025-02-15T14:25:01.475Z","dependency_job_id":null,"html_url":"https://github.com/amiceli/papierjs","commit_stats":null,"previous_names":["amiceli/papierjs"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amiceli%2Fpapierjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amiceli%2Fpapierjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amiceli%2Fpapierjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amiceli%2Fpapierjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/amiceli","download_url":"https://codeload.github.com/amiceli/papierjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248312208,"owners_count":21082638,"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":["papercss","stencil"],"created_at":"2025-02-19T15:39:14.977Z","updated_at":"2025-10-26T12:31:14.924Z","avatar_url":"https://github.com/amiceli.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D\u0026colorA=16161d\u0026style=flat-square)](https://stenciljs.com)\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/amiceli/papierjs/refs/heads/main/src/assets/papierjs.webp\" width=\"100\" /\u003e\n\u003c/p\u003e\n\n# papierjs - papercss with web components\n\n**papierjs** *(papier is paper in french)* provides web component built with stencil with \npapercss style.\n\npapierjs will implements new components not in papercss like dropdown.\n\nAvailable components:\n- [X] Button\n- [X] Alert\n- [X] Progress bar\n- [X] Text input\n- [X] Badge\n- [X] Slider\n- [X] Card\n- [X] Breadcrumb\n- [X] Modals\n- [X] Switch / Switch Tile\n- [ ] NavBar\n- [X] Tabs\n- [X] Popover as tooltip\n- [X] Icon (with [pixelarticons](https://github.com/halfmage/pixelarticons))\n\nComponent features :\n- [X] dropdown since\n- [X] `p-leaf` allow to use papercss style anywhere\n- [X] notification\n- [X] spinner\n- [ ] password\n- [X] accordion\n\n## Using papercss\n\n**papierjs** uses papercss style only in shadow root.\nSo you don't need to import papercss.\n\nPapercss style isn't applied on your website.\n\n## Install\n\n    npm install @amiceli/papierjs -S\n\nInit components : \n\n```javascript\nimport { defineCustomElements } from '@amiceli/papierjs/loader'\n\ndefineCustomElements()\n```\n\n## To run project\n\nTo build project :\n\n```bash\nnpm install\nnpm run build\nnpm run build-storybook\n```\n\nTo run storybook : \n\n```bash\nnpm run storybook\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famiceli%2Fpapierjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famiceli%2Fpapierjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famiceli%2Fpapierjs/lists"}