{"id":48536704,"url":"https://github.com/ucsc/truss","last_synced_at":"2026-04-08T02:03:57.442Z","repository":{"id":57168735,"uuid":"467290075","full_name":"ucsc/truss","owner":"ucsc","description":"Web components for branded UC Santa Cruz websites and applications","archived":false,"fork":false,"pushed_at":"2026-03-30T23:49:27.000Z","size":1177,"stargazers_count":1,"open_issues_count":9,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2026-03-31T01:07:31.071Z","etag":null,"topics":["components","stencil","stenciljs","ui","web-components"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/ucsc.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2022-03-07T23:14:53.000Z","updated_at":"2026-03-30T23:49:31.000Z","dependencies_parsed_at":"2024-05-22T01:37:21.688Z","dependency_job_id":"60fad220-c48f-40ea-8a87-dc140970b3e8","html_url":"https://github.com/ucsc/truss","commit_stats":null,"previous_names":[],"tags_count":20,"template":false,"template_full_name":null,"purl":"pkg:github/ucsc/truss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ucsc%2Ftruss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ucsc%2Ftruss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ucsc%2Ftruss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ucsc%2Ftruss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ucsc","download_url":"https://codeload.github.com/ucsc/truss/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ucsc%2Ftruss/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31536473,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"online","status_checked_at":"2026-04-08T02:00:06.127Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["components","stencil","stenciljs","ui","web-components"],"created_at":"2026-04-08T02:03:44.123Z","updated_at":"2026-04-08T02:03:57.441Z","avatar_url":"https://github.com/ucsc.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Truss (in active development)\n\nTruss is a component library for anyone building a UC Santa Cruz website.\n\n\u003e Please note that the visual design of Truss components is dependent on the design choices in the [UCSC 2022 WordPress theme](https://github.com/ucsc/ucsc-2022), which is still in development. Consider Truss to be beta in both design and functionality.\n\nTruss contains branded web components built with StencilJS. Truss components use the web components standard so they are cross-browser compatible.\n\n## Component status\n\n### In use today (status)\n\n- [trss-ucsc-header](src/components/trss-ucsc-header) (stable)\n- [trss-ucsc-footer](src/components/trss-ucsc-footer) (stable)\n- [trss-news-list](src/components/trss-news-list) (beta)\n- [trss-logo](src/components/trss-logo) (stable)\n\n## In development (status)\n\n- [trss-site-title](src/components/trss-site-title) (beta)\n- [trss-events-list](src/components/trss-data-list) (beta)\n- [trss-alert](src/components/trss-alert) (beta)\n- [trss-breadcrumbs](src/components/trss-breadcrumbs) (pre-alpha)\n- [trss-card](src/components/trss-card) (pre-alpha)\n- [trss-carousel](src/components/trss-carousel) (pre-alpha)\n\n## Using Truss components\n\nThe simplest way to get started with Truss is to add the released CSS and Javascript files to the bottom of your webpage.\n\n````html\n\u003c!-- Script and style to include Truss components.  --\u003e\n\u003cscript type=\"module\" src=\"https://truss.ucsc.edu/ucsc-trss/ucsc-trss.esm.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" href=\"https://truss.ucsc.edu/ucsc-trss/ucsc-trss.css\"\u003e\n````\n\nAfter you've added the two files to your page, you can use any of the custom elements in Truss anywhere on your page. See [the README file for each component](tree/main/src/components) for a list of attributes you can add to an element.\n\n````html\n\u003ctrss-ucsc-header use-logo=\"true\" search-action=\"/\" search-query=\"s\" style=\"--trss-content-width:80rem;\"\u003e\u003c/trss-ucsc-header\u003e\n```` ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fucsc%2Ftruss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fucsc%2Ftruss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fucsc%2Ftruss/lists"}