{"id":13403537,"url":"https://github.com/ryanwiemer/subtle-ui","last_synced_at":"2025-03-19T09:30:46.894Z","repository":{"id":38432459,"uuid":"146942434","full_name":"ryanwiemer/subtle-ui","owner":"ryanwiemer","description":"A collection of clever yet understated user interactions found on the web","archived":false,"fork":false,"pushed_at":"2023-07-07T22:38:51.000Z","size":2368,"stargazers_count":39,"open_issues_count":9,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-02-28T17:46:41.991Z","etag":null,"topics":["gatsby","gatsbyjs","mdx","react","static","static-site","ui"],"latest_commit_sha":null,"homepage":"https://subtle-ui.netlify.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/ryanwiemer.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}},"created_at":"2018-08-31T21:09:24.000Z","updated_at":"2023-07-08T09:05:03.000Z","dependencies_parsed_at":"2024-01-16T03:46:12.519Z","dependency_job_id":"7a57bf17-d020-4806-98e1-09d91af7b6bc","html_url":"https://github.com/ryanwiemer/subtle-ui","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryanwiemer%2Fsubtle-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryanwiemer%2Fsubtle-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryanwiemer%2Fsubtle-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryanwiemer%2Fsubtle-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ryanwiemer","download_url":"https://codeload.github.com/ryanwiemer/subtle-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243982141,"owners_count":20378605,"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":["gatsby","gatsbyjs","mdx","react","static","static-site","ui"],"created_at":"2024-07-30T19:01:31.323Z","updated_at":"2025-03-19T09:30:46.553Z","avatar_url":"https://github.com/ryanwiemer.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Subtle UI\n\nA collection of clever yet understated user interactions found on the web. This project uses React to keep the example code simple and brief.\n\n## How To Contribute\n\n1. Create a new markdown file in the [`content`](https://github.com/ryanwiemer/subtle-ui/tree/master/content) folder. For example `my-cool-example.md`.\n2. Add the following front matter attributes:\n\n```\ntitle: My Cool Example\ndate: 2019-09-24\nauthor: John Doe\ngithub: johndoe123\n```\n\n3. Add your example code and relevant content using [markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) syntax.\n4. Submit a pull request with the new markdown file.\n5. Once merged into `master` the website will automatically deploy to https://subtle-ui.netlify.com. 🎉\n\n**Important Note:** This project uses a [custom component](https://github.com/ryanwiemer/subtle-ui/blob/master/src/components/CodeEditor.js) to render markdown code blocks as live code including a preview. There are a few unique characteristics to be aware of:\n\n- Code blocks are configured with [React](https://reactjs.org/) and [Styled Components](https://www.styled-components.com/) already in the scope.\n- Code blocks should be written as imperative code and you need to call `render` with your JSX elements at the bottom.\n- You may use ES6 syntax if desired as code is transpiled via [Babel](https://babeljs.io/).\n- At this time there is no way to import other external libraries. If you have any questions or need additional functionality please file an [issue](https://github.com/ryanwiemer/subtle-ui/issues).\n\n## Development\n\n`yarn develop` - See a local version of the website on http://localhost:8000\n\n`yarn build \u0026\u0026 yarn serve` - See a production version of the website on http://localhost:9000\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanwiemer%2Fsubtle-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryanwiemer%2Fsubtle-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanwiemer%2Fsubtle-ui/lists"}