{"id":24118424,"url":"https://github.com/fantasyui-com/phantasm","last_synced_at":"2025-10-04T16:11:27.434Z","repository":{"id":57322750,"uuid":"137214637","full_name":"fantasyui-com/phantasm","owner":"fantasyui-com","description":"Opinionated box-shadow compiler for CSS Art. [CSS, Library]","archived":false,"fork":false,"pushed_at":"2021-11-12T18:16:09.000Z","size":17,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-13T10:03:26.851Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fantasyui-com.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}},"created_at":"2018-06-13T12:47:33.000Z","updated_at":"2021-11-12T18:16:12.000Z","dependencies_parsed_at":"2022-08-25T21:00:50.675Z","dependency_job_id":null,"html_url":"https://github.com/fantasyui-com/phantasm","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fantasyui-com%2Fphantasm","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fantasyui-com%2Fphantasm/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fantasyui-com%2Fphantasm/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fantasyui-com%2Fphantasm/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fantasyui-com","download_url":"https://codeload.github.com/fantasyui-com/phantasm/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241176614,"owners_count":19922732,"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":[],"created_at":"2025-01-11T08:19:33.199Z","updated_at":"2025-10-04T16:11:22.409Z","avatar_url":"https://github.com/fantasyui-com.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# phantasm\nOpinionated box-shadow compiler for CSS Art. [CSS, Library]\n\n## About\nConversion of JSON data into CSS is reusable in two major instances. The build tool and the CSS metadata library.\n\n- Build tools are many, for example a HUE manipulation library will first alter\nRGB information and then use phantasm to output the CSS code. Another build tool\nmay for example resize the color bands and yet another add more shadows.\n\n- The package or repository storing the JSON data containing color information will\ngreatly benefit from containing a one line JSON to CSS function/feature that recompiles\nthe color data into CSS.\n\n## Data and Scope\n\nphantasm works on class level the code below will return .productname-a {...} CSS code.\n\n```JavaScript\n\n{\n  \"id\": \"a\",\n  \"name\": \"neon\",\n  \"shadows\":[\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[254,239,152,1]},\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[186,1,44,1]},\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[107,1,31,1]},\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[78,2,25,1]},\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[72,0,42,1]},\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[97,7,55,1]},\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[107,8,92,1]},\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[108,12,149,1]},\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[100,34,192,1]},\n    {\"offsetX\":0, \"offsetY\":0, \"blurRadius\":1, \"spreadRadius\":5, \"color\":[98,30,194,1]}\n  ]\n}\n\n```\n\nWill result in similar output.\n\n```CSS\n\n.creamy-a {\n  box-shadow: 0 0 0px 10px rgba(255, 0, 0,1), 0 0 0px 20px rgba(0, 255, 0,1), 0 0 0px 30px rgba(0, 0, 255,1); //...\n}\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffantasyui-com%2Fphantasm","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffantasyui-com%2Fphantasm","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffantasyui-com%2Fphantasm/lists"}