{"id":28541729,"url":"https://github.com/konstructio/konstruct-ui","last_synced_at":"2026-04-29T01:04:42.183Z","repository":{"id":268788160,"uuid":"863689529","full_name":"konstructio/konstruct-ui","owner":"konstructio","description":"This repository contains a set of reusable and customizable React components built for Konstruct's infrastructure.","archived":false,"fork":false,"pushed_at":"2026-04-22T16:04:46.000Z","size":40555,"stargazers_count":11,"open_issues_count":5,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2026-04-22T16:17:35.460Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://konstructio.github.io/konstruct-ui/","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/konstructio.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-09-26T18:25:07.000Z","updated_at":"2026-04-22T16:03:25.000Z","dependencies_parsed_at":"2024-12-18T23:27:58.605Z","dependency_job_id":"a6f2a318-77ab-4ed3-b414-a23a6256e795","html_url":"https://github.com/konstructio/konstruct-ui","commit_stats":null,"previous_names":["konstructio/konstruct-ui"],"tags_count":153,"template":false,"template_full_name":null,"purl":"pkg:github/konstructio/konstruct-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/konstructio%2Fkonstruct-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/konstructio%2Fkonstruct-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/konstructio%2Fkonstruct-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/konstructio%2Fkonstruct-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/konstructio","download_url":"https://codeload.github.com/konstructio/konstruct-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/konstructio%2Fkonstruct-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32404340,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T19:38:08.556Z","status":"ssl_error","status_checked_at":"2026-04-28T19:37:55.688Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2025-06-09T20:09:45.953Z","updated_at":"2026-04-29T01:04:42.166Z","avatar_url":"https://github.com/konstructio.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e 🚧🚨 **Work in Progress** 🚨🚧\n\u003e\n\u003e ⚠️ This library is currently under construction. Features may change and documentation is incomplete. ⚠️\n\n# Konstruct React Component Library\n\nThis repository contains a set of reusable and customizable React components built for **Konstruct**'s infrastructure and Kubernetes products. These components aim to streamline the development process, ensuring consistency and high-quality UI for **Kubefirst**, **Colony**, and other future projects.\n\n## Features:\n\n- **Reusable**: Designed to be used across different projects, reducing development time and effort.\n- **Customizable**: Easily adjustable to fit specific needs or branding requirements.\n- **Responsive**: Optimized for all screen sizes, ensuring a seamless experience on both desktop and mobile.\n- **Accessible**: Built with accessibility in mind, following best practices to ensure compatibility with all users.\n- **Tailwind CSS Integration**: Seamlessly integrated with Tailwind CSS for rapid UI development and easy theming.\n\n## **Installation Guide**\n\nFollow these steps to integrate `@konstructio/ui` into your project:\n\n### Step 1: Install the Library\n\nRun the following command to install the package:\n\n```bash\nnpm install @konstructio/ui\n```\n\n---\n\n### Step 2: Install Tailwind CSS\n\nIf you don't already have Tailwind CSS installed, follow the official installation guide from the [Tailwind CSS documentation](https://tailwindcss.com/docs/installation). Ensure that Tailwind is properly configured in your project.\n\n---\n\n### Step 3: Import and Configure the Plugin\n\nTo use the components provided by `@konstructio/ui`, you need to import the plugin and add it to your Tailwind CSS configuration file.\n\nModify your Tailwind configuration file (usually `tailwind.config.js` or `tailwind.config.ts`) as follows:\n\n```ts\nimport { konstructPlugin } from '@konstructio/ui';\n\nconst config: Config = {\n  plugins: [konstructPlugin],\n};\n```\n\n---\n\n### Step 4: Include `@konstructio/ui` in Tailwind Content\n\nTo ensure Tailwind parses the components from `@konstructio/ui`, add its path to the `content` array in your Tailwind configuration file:\n\n```ts\nconst config: Config = {\n  content: [\n    // Other content paths\n    './node_modules/@konstructio/ui/dist/**/*.{js,ts,jsx,tsx}',\n  ],\n};\n```\n\n## Final Steps\n\nAfter completing the above steps, you can now use `@konstructio/ui` components in your project. Restart your development server to apply the changes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkonstructio%2Fkonstruct-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkonstructio%2Fkonstruct-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkonstructio%2Fkonstruct-ui/lists"}