{"id":15287113,"url":"https://github.com/gaetansenn/dw-ui","last_synced_at":"2025-04-10T06:33:24.959Z","repository":{"id":40293020,"uuid":"191608805","full_name":"gaetansenn/dw-ui","owner":"gaetansenn","description":"Dewib UI is an open source ui library for developing HTML/CSS and JS websites. This package is developed with Vue.js and tailwindcss for NuxtJS","archived":false,"fork":false,"pushed_at":"2024-05-05T13:53:35.000Z","size":3695,"stargazers_count":20,"open_issues_count":36,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-05-06T14:23:27.382Z","etag":null,"topics":["css","js","nuxtjs","tailwindcss","ui","vue"],"latest_commit_sha":null,"homepage":"https://ui.dewib.com","language":"JavaScript","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/gaetansenn.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":"2019-06-12T16:36:22.000Z","updated_at":"2024-06-21T02:15:00.138Z","dependencies_parsed_at":"2023-12-13T15:06:21.232Z","dependency_job_id":"1ddf917d-be2a-48da-a04c-1344303aaabf","html_url":"https://github.com/gaetansenn/dw-ui","commit_stats":{"total_commits":306,"total_committers":4,"mean_commits":76.5,"dds":"0.022875816993464082","last_synced_commit":"c990a8a16aa998b5cf4c8dfda1df3b5511b41f01"},"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaetansenn%2Fdw-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaetansenn%2Fdw-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaetansenn%2Fdw-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaetansenn%2Fdw-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gaetansenn","download_url":"https://codeload.github.com/gaetansenn/dw-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248168752,"owners_count":21058893,"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":["css","js","nuxtjs","tailwindcss","ui","vue"],"created_at":"2024-09-30T15:24:20.472Z","updated_at":"2025-04-10T06:33:24.912Z","avatar_url":"https://github.com/gaetansenn.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# dw-ui\nDewib ui is an open source ui library for developing HTML/CSS and JS websites. This package is developed with Vue.js and tailwindcss and to use with NuxtJS\n\nGet started with the [documentation](https://xhr-cache.dewib.com)\n\n## Requirement\nDewib ui provide @nuxtjs/tailwindcss by default so please remove it or use v4 version\n\n## Setup\n```sh\nyarn add @dewib/dw-ui # yarn\nnpm i @dewib/dw-ui # npm\n```\n\nEdit `nuxt.config.js`\n\n```js\nmodules: [\n  '@dewib/dw-ui'\n]\n```\n\ndw-ui using tailwindcss-forms plugin as recommanded by tailwindui\nIf you want to overide default https://github.com/tailwindlabs/tailwindcss-forms config please overide the plugin\nAn exemple is provided in `storybook/plugins/custom.form.js`\n\n```js\nimport forms from 'path/to/custom'\n\nmodules: [\n  ['@dewib/dw-ui', {\n    forms\n  }]\n]\n```\n\n## Theme\nDewib ui allows you to customize the default theme https://github.com/gaetansenn/dw-ui/blob/master/lib/utils/config.js\nTo do so create this path `dewib/config.js` to the root of your project\n\n```js\nexport default {\n  ui: {\n    Button: {\n      variants: {\n        'yellow-600': 'bg-yellow-600 hover:opacity-75 text-white border-yellow-600',\n        'red-50': 'bg-red-50 hover:opacity-75 text-red-600 border-red-50',\n      },\n      size: (props) =\u003e {\n        return ({\n          sm: 'px-3 py-1 text-sm leading-4',\n          md: 'px-3 py-2 text-sm leading-4',\n          lg: 'px-3 py-3 text-sm leading-4'\n        })[props.size]\n      }\n    },\n  }\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaetansenn%2Fdw-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgaetansenn%2Fdw-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaetansenn%2Fdw-ui/lists"}