{"id":21667310,"url":"https://github.com/naipofo/skeuomorphic-ios-css","last_synced_at":"2025-04-12T01:32:06.892Z","repository":{"id":178028970,"uuid":"298718815","full_name":"naipofo/skeuomorphic-ios-css","owner":"naipofo","description":"recreation of pre ios7 skeuomorphic design in css","archived":false,"fork":false,"pushed_at":"2020-11-02T07:55:16.000Z","size":594,"stargazers_count":12,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T21:11:52.844Z","etag":null,"topics":["apple","css","ios","ios-skeuomorphic","recreation","skeuomorphic"],"latest_commit_sha":null,"homepage":"","language":"CSS","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/naipofo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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":"2020-09-26T02:06:22.000Z","updated_at":"2024-12-16T04:58:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"2126f5c0-3166-41f2-8a7e-62eee6acd268","html_url":"https://github.com/naipofo/skeuomorphic-ios-css","commit_stats":null,"previous_names":["naipofo/skeuomorphic-ios-css"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naipofo%2Fskeuomorphic-ios-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naipofo%2Fskeuomorphic-ios-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naipofo%2Fskeuomorphic-ios-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naipofo%2Fskeuomorphic-ios-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/naipofo","download_url":"https://codeload.github.com/naipofo/skeuomorphic-ios-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248504195,"owners_count":21115133,"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":["apple","css","ios","ios-skeuomorphic","recreation","skeuomorphic"],"created_at":"2024-11-25T11:36:38.005Z","updated_at":"2025-04-12T01:32:06.882Z","avatar_url":"https://github.com/naipofo.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ios skeuomorphic design recreation in CSS + HTML\n\nThis is an *almost* pixel perfect recreation of ios 4 skeuomorphic design forms. I plan on recreating anything pre ios7 here.\n\nThere is a lot of annoyances in skeuomorphic design that apple uses. For example the borders around the buttons on the dialer are a shade lighter than the lightest part of the button, so you can't use transparency to define those.\n\n## dialer\n| ios 4.2 | css + html |\n| ------------ | ------------ |\n| ![](https://raw.githubusercontent.com/naipofo/skeuomorphic-ios-css/master/screenshots/ios-dialer.png) | ![](https://raw.githubusercontent.com/naipofo/skeuomorphic-ios-css/master/screenshots/css-dialer.png) |\n## notes\n| ios 4.2 | css + html |\n| ------------ | ------------ |\n| ![](https://raw.githubusercontent.com/naipofo/skeuomorphic-ios-css/master/screenshots/ios-notes.PNG) | ![](https://raw.githubusercontent.com/naipofo/skeuomorphic-ios-css/master/screenshots/css-notes.png) |\n\nFeel free to recreate any other ios forms and pull request here.\n\nI'm not adding any licences here, cause I'm not sure about copyright when it comes to projects like those.\n\nUse this at your own risk 🤷‍♀️\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaipofo%2Fskeuomorphic-ios-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnaipofo%2Fskeuomorphic-ios-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaipofo%2Fskeuomorphic-ios-css/lists"}