{"id":14962922,"url":"https://github.com/thebigsasha/tbsui-ssr","last_synced_at":"2026-01-21T15:33:25.770Z","repository":{"id":191265724,"uuid":"681782440","full_name":"TheBigSasha/tbsui-ssr","owner":"TheBigSasha","description":"CSS only React component library, built for static sites using NextJS or Gatsby.","archived":false,"fork":false,"pushed_at":"2024-04-22T04:00:10.000Z","size":357,"stargazers_count":0,"open_issues_count":4,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-04-23T20:45:37.788Z","etag":null,"topics":["components","css","css-only","cssonly","gatsby","gatsbyjs","nextjs","nextjs13","react","ssr","typescript"],"latest_commit_sha":null,"homepage":"https://thebigsasha.github.io/tbsui-ssr/","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/TheBigSasha.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2023-08-22T18:41:02.000Z","updated_at":"2024-05-06T03:39:42.921Z","dependencies_parsed_at":"2024-04-11T05:29:55.279Z","dependency_job_id":"33a1fd53-837c-4829-8ea9-d49fcfc11112","html_url":"https://github.com/TheBigSasha/tbsui-ssr","commit_stats":null,"previous_names":["thebigsasha/tbsui-ssr"],"tags_count":36,"template":false,"template_full_name":"IgnacioNMiranda/vite-component-library-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheBigSasha%2Ftbsui-ssr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheBigSasha%2Ftbsui-ssr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheBigSasha%2Ftbsui-ssr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheBigSasha%2Ftbsui-ssr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheBigSasha","download_url":"https://codeload.github.com/TheBigSasha/tbsui-ssr/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247801170,"owners_count":20998339,"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":["components","css","css-only","cssonly","gatsby","gatsbyjs","nextjs","nextjs13","react","ssr","typescript"],"created_at":"2024-09-24T13:30:45.244Z","updated_at":"2026-01-21T15:33:25.763Z","avatar_url":"https://github.com/TheBigSasha.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TBSUI SSR\n\nA library of components which can all be shipped with zero javascript using NextJS. For more complex components, including reactive animations, checkout [tbsui](https://www.npmjs.com/package/tbsui).\n\n## [What this library won't do](https://nextjs.org/docs/getting-started/react-essentials#the-use-client-directive)\n\n- Add interactivity and event listeners (onClick(), onChange(), etc)\n- Use State and Lifecycle Effects (useState(), useReducer(), useEffect(), etc)\n- Use browser-only APIs\n- Use custom hooks that depend on state, effects, or browser-only APIs\n\n## Customization\n\nOverride [default scss variables](https://github.com/TheBigSasha/tbsui-ssr/blob/main/src/lib/styles/variables/default-variables.scss) to style the library! If you want to use default values, import `default-values.scss`\n\n## Installation\n\n```bash\npnpm i tbsui-ssr\n```\n\n## Features\n\n- Zero client side JS -- these components are css only\n- 100% NextJS 13 Compatible\n- ⚛️ [React 18](https://reactjs.org/)\n- 📚 [Storybook 7](https://storybook.js.org/) - Components preview\n- 🖌️ SCSS Modules\n- ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast!\n- ⚡ [Vitest](https://vitest.dev/) - Components Unit Testing\n- 📐 [ESLint](https://eslint.org/) \u0026 [Prettier](https://prettier.io/) - Formatting and Linting\n- 🌟 [Typescript](https://www.typescriptlang.org/)\n- 🐶 [Husky](https://typicode.github.io/husky) \u0026 [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks\n- ⏰ [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow\n- 👷 [Github Actions](https://github.com/features/actions) — Releasing versions to NPM\n- Initial components setup using [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/)\n\n## Using the library in a React frontend app (NextJS)\n\n- Install the library running `pnpm i tbsui-ssr`\n- In your root layout / `_app.tsx`, import the stylesheets as follows:\n\n```typescript\n/*\nYou must specify css variables to theme this library, and provide a `tailwind-compatible.scss` file which defines tailwind-style values (or use the `default-variables.css` file from tbsui-ssr/dist/assets).\n*/\nimport 'tbsui-ssr/dist/assets/default-variables.css' // Use defaults or specify your own compatible variables based on `default-variables.scss` and `tailwind-compatible.scss`\n\nimport 'tbsui-ssr/dist/assets/popup-message.css' // and or the stylesheets for whatever components you wish to use\n```\n\n- Then, wherever you like, use the components as follows:\n\n```tsx\nimport { PopupMessage } from 'tbsui-ssr'\n\nconst MyComponent = () =\u003e {\n  return \u003cPopupMessage message=\"Hello World!\" type=\"success\" position=\"top-right\" duration={5000} /\u003e\n}\n```\n\n## Author\n\n[Alexander Aleshchenko](https://sasharesume.com)\n\n## License\n\n[MIT](LICENSE)\n\n```\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthebigsasha%2Ftbsui-ssr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthebigsasha%2Ftbsui-ssr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthebigsasha%2Ftbsui-ssr/lists"}