{"id":23451205,"url":"https://github.com/ctrlmaniac/sidebar","last_synced_at":"2025-04-07T17:08:00.006Z","repository":{"id":31588838,"uuid":"35153643","full_name":"ctrlmaniac/sidebar","owner":"ctrlmaniac","description":"Sidebars for web apps","archived":false,"fork":false,"pushed_at":"2024-01-10T10:49:05.000Z","size":33600,"stargazers_count":126,"open_issues_count":5,"forks_count":48,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-03-31T16:14:55.559Z","etag":null,"topics":["javascript","jquery","navbar","sidebar"],"latest_commit_sha":null,"homepage":"https://codepen.io/collection/MgvLea","language":"JavaScript","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/ctrlmaniac.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"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":"2015-05-06T10:33:04.000Z","updated_at":"2025-03-16T04:34:57.000Z","dependencies_parsed_at":"2024-06-19T02:07:45.355Z","dependency_job_id":null,"html_url":"https://github.com/ctrlmaniac/sidebar","commit_stats":{"total_commits":488,"total_committers":6,"mean_commits":81.33333333333333,"dds":0.06557377049180324,"last_synced_commit":"19ddf8843fe7b9e594c7273a73d5b13380c0470a"},"previous_names":["simple-sidebar/simpler-sidebar"],"tags_count":60,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrlmaniac%2Fsidebar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrlmaniac%2Fsidebar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrlmaniac%2Fsidebar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrlmaniac%2Fsidebar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ctrlmaniac","download_url":"https://codeload.github.com/ctrlmaniac/sidebar/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247694876,"owners_count":20980733,"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":["javascript","jquery","navbar","sidebar"],"created_at":"2024-12-24T00:19:34.164Z","updated_at":"2025-04-07T17:07:59.986Z","avatar_url":"https://github.com/ctrlmaniac.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SIDEBAR\n\n[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\n[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n**Sidebar** is a collection of javascript packages distributed via the npm registry. It aims to simplicity and to provide a range of tool that allow users to implement sidebar (or side navs) in their web apps!\n\n---\n\n## Packages\n\n- [**simpler-sidebar**](./packages/simpler/README.md)\n- [**simpler-sidebar-css3**](./packages/simpler-css3/README.md)\n- [**vanilla-sidebar**](./packages/vanilla/README.md)\n\n---\n\n## Demo\n\nYou can play with all sidebars in this [codepen collection](https://codepen.io/collection/MgvLea).\n\n## `simpler-sidebar`\n\n**simpler-sidebar** is the most downloaded package. It's a **jQuery plugin** that allows to create a **side nav** as in modern mobile apps. It aims to simplicity so that everybody can use it no matter if expert programmers or not. It is written entirely in javascript so that you won't need to include any css file and the only css you must adds is not even required!\n\n```shell\n// Install\n\n// with npm\nnpm install simpler-sidebar\n\n// with yarn\nyarn add simpler-sidebar\n```\n\nThe full documentation is available [here](./packages/simpler/README.md).\n\n## `simpler-sidebar-css3`\n\n**simpler-sidebar-css3** is a fork of **simpler-sidebar** plugin. The difference between the two is that this package doesn't use jquery animation method but it uses CSS3 animations! This should make this package less brutal against memory! Options differ slightly so read the documentation first if you intend to migrate to this package!\n\n```shell\n// Install\n\n// with npm\nnpm install @ctrlmaniac/simpler-sidebar-css3\n\n// with yarn\nyarn add @ctrlmaniac/simpler-sidebar-css3\n```\n\nThe full documentation is available [here](./packages/simpler-css3/README.md).\n\n## `vanilla-sidebar`\n\n**vanilla** is a simple sidebar package written in plain vanilla javascript. It aims to have no dependencies!\n\n```shell\n// install\n\n// with npm\nnpm install @ctrlmaniac/vanilla-sidebar\n\n// with yarn\nyarn add @ctrlmaniac/vanilla-sidebar\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fctrlmaniac%2Fsidebar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fctrlmaniac%2Fsidebar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fctrlmaniac%2Fsidebar/lists"}