PHPackages su-sws/decanter - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. su-sws/decanter ActiveLibrary[Utility & Helpers](/categories/utility) su-sws/decanter =============== Stanford's Design System Made With Tailwind 7.4.0(8mo ago)425310[1 issues](https://github.com/SU-SWS/decanter/issues)[3 PRs](https://github.com/SU-SWS/decanter/pulls)GPL-2.0+HTMLCI passing Since Mar 28Pushed 6mo ago25 watchersCompare [ Source](https://github.com/SU-SWS/decanter)[ Packagist](https://packagist.org/packages/su-sws/decanter)[ Docs](https://github.com/SU-SWS/decanter)[ RSS](/packages/su-sws-decanter/feed)WikiDiscussions main Synced yesterday READMEChangelog (10)DependenciesVersions (73)Used By (0) [Decanter](https://github.com/SU-SWS/decanter) ============================================== [](#decanter) ##### Version: 7 [](#version-7) Changelog: [CHANGELOG.md](CHANGELOG.md) Demo ---- [](#demo) To see a live demo of Decanter v7 elements please [view the v7 demo site](https://decanter-v7.netlify.app/). For more documentation on Version 7 please visit Description ----------- [](#description) Decanter is a web design and development system for Stanford University. It includes a responsive layout system and a browsable collection of design patterns that can be used in any Stanford project. For Decanter v7, instead of using SASS/SCSS with the BEM naming convention, we use [Tailwind CSS](https://tailwindcss.com/) to generate utility classes with some customization needed for our Stanford design system. Comprehensive Documentation =========================== [](#comprehensive-documentation) This repository includes extensive documentation to help you understand and use Decanter effectively. Places to start include: 1. **[README.md](README.md)** - Overview of Decanter, installation instructions, and quick start guide. 2. **[docs/README.md](docs/README.md)** - Main documentation index with links to detailed guides. ### Usage [](#usage) When using Decanter, the package will automatically resolve to the correct module format: ``` // CommonJS - In your tailwind.config.js module.exports = { presets: [require('decanter')], // your additional config... } // ES Module - In your tailwind.config.mjs import decanter from 'decanter'; export default { presets: [decanter], // your additional config... } ``` The package exports both CommonJS (`tailwind.config.js`) and ES Module (`tailwind.config.mjs`) versions to ensure compatibility with different bundlers and configurations. For detailed usage examples and configuration options, see [docs/usage.md](docs/usage.md). CSS Class Index --------------- [](#css-class-index) Comprehensive list of all custom CSS classes provided by Decanter. See [docs/index.md](docs/index.md) Assets ------ [](#assets) We have removed all assets from the repo in Decanter v7. Instead, we are using remote third party resources for our fonts and icons. ### Fonts [](#fonts) - We do not include any font assets with Decanter v7. If you want to use the Decanter fonts in your own projects, it is recommended that you use the font loading method that is optimized for your framework and only import the fonts that you need. - We provided two font css files that you can import into your own project so you get the latest update from us. `font.css` includes all the fonts that are referenced in the Decanter design system (sans-serif, serif, slab, monospace, Stanford ligature font for the logo). `font-basic.css` includes only the essential sans-serif, serif and Stanford ligature fonts. - For Source Sans 3, Source Serif 4, Roboto Slab, Roboto Mono - we include them using the `@import` method from [Google Fonts](https://fonts.google.com/). - The Stanford ligature font that we use for the logo is linked from the [University Communications media CDN](https://www-media.stanford.edu/assets/fonts/stanford.woff). ### Icons [](#icons) - We have removed FontAwesome (dependency and asset) completely from Decanter v7. For those who would like to continue using FontAwesome, please feel free to do so and include them using methods that are suitable for your own projects. - We recommend using the [heroicons](https://github.com/tailwindlabs/heroicons) package as [Hero Icons](https://heroicons.com/) are created by the Tailwind CSS team and are open source. They can be included as SVG or JSX elements. Accessibility ------------- [](#accessibility) [![WCAG Conformance 2.0 AA Badge](https://camo.githubusercontent.com/abbe0be17412ba5910b64d4e838c2f893074cffae0e28a010e5e21f748a292e8/68747470733a2f2f7777772e77332e6f72672f5741492f776361673241412d626c75652e706e67)](https://www.w3.org/TR/WCAG20/) This project conforms to level AA WCAG 2.0 standards as required by the university's accessibility policy. For more information on the policy please visit: . ### Health Score 48 ↑ FairBetter than 94% of packages Maintenance63 Regular maintenance activity Popularity22 Limited adoption so far Community26 Small or concentrated contributor base Maturity74 Established project with proven stability Bus Factor1 Top contributor holds 53.9% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~37 days Recently: every ~138 days Total 66 Last Release 201d ago Major Versions 6.2.13 → 7.0.0-rc.32023-02-28 6.2.14 → 7.0.02023-06-26 6.2.16 → 7.1.02023-07-11 v6.x-dev → 7.1.22023-11-07 7.4.0 → v8.x-dev2025-10-23 ### Community Maintainers ![](https://www.gravatar.com/avatar/680d4f5083667895b9323d1f792118734589007acc782a6e60e63d95f87d6081?d=identicon)[stanfordwebservices](/maintainers/stanfordwebservices) --- Top Contributors [![sherakama](https://avatars.githubusercontent.com/u/550602?v=4)](https://github.com/sherakama "sherakama (207 commits)")[![yvonnetangsu](https://avatars.githubusercontent.com/u/42749717?v=4)](https://github.com/yvonnetangsu "yvonnetangsu (76 commits)")[![kgcreative](https://avatars.githubusercontent.com/u/3443142?v=4)](https://github.com/kgcreative "kgcreative (34 commits)")[![actions-user](https://avatars.githubusercontent.com/u/65916846?v=4)](https://github.com/actions-user "actions-user (20 commits)")[![JBCSU](https://avatars.githubusercontent.com/u/5298452?v=4)](https://github.com/JBCSU "JBCSU (19 commits)")[![rebeccahongsf](https://avatars.githubusercontent.com/u/34019925?v=4)](https://github.com/rebeccahongsf "rebeccahongsf (10 commits)")[![stocker](https://avatars.githubusercontent.com/u/1149399?v=4)](https://github.com/stocker "stocker (4 commits)")[![jenbreese](https://avatars.githubusercontent.com/u/1187335?v=4)](https://github.com/jenbreese "jenbreese (3 commits)")[![pookmish](https://avatars.githubusercontent.com/u/7185045?v=4)](https://github.com/pookmish "pookmish (2 commits)")[![AlishaOber](https://avatars.githubusercontent.com/u/33696009?v=4)](https://github.com/AlishaOber "AlishaOber (2 commits)")[![bixgomez](https://avatars.githubusercontent.com/u/292571?v=4)](https://github.com/bixgomez "bixgomez (2 commits)")[![Lyafel](https://avatars.githubusercontent.com/u/2143944?v=4)](https://github.com/Lyafel "Lyafel (1 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (1 commits)")[![epicfaace](https://avatars.githubusercontent.com/u/1689183?v=4)](https://github.com/epicfaace "epicfaace (1 commits)")[![bryanbraun](https://avatars.githubusercontent.com/u/1256329?v=4)](https://github.com/bryanbraun "bryanbraun (1 commits)")[![cjwest](https://avatars.githubusercontent.com/u/284440?v=4)](https://github.com/cjwest "cjwest (1 commits)") --- Tags design-systempattern-librarystyleguidetailwindcss ### Embed Badge ![Health badge](/badges/su-sws-decanter/health.svg) ``` [![Health](https://phpackages.com/badges/su-sws-decanter/health.svg)](https://phpackages.com/packages/su-sws-decanter) ``` ### Alternatives [getuilaboratory/getui-pushapi-php-client-v2 getui php client V2 3661.8k](/packages/getuilaboratory-getui-pushapi-php-client-v2) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)