PHPackages silverstripe-themes/express - 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. silverstripe-themes/express ActiveSilverstripe-theme[Utility & Helpers](/categories/utility) silverstripe-themes/express =========================== The SilverStripe Express default theme 1.1.0(13y ago)74724[4 issues](https://github.com/silverstripe-labs/silverstripe-express-theme/issues)CSS Since Dec 6Pushed 12y ago14 watchersCompare [ Source](https://github.com/silverstripe-labs/silverstripe-express-theme)[ Packagist](https://packagist.org/packages/silverstripe-themes/express)[ RSS](/packages/silverstripe-themes-express/feed)WikiDiscussions master Synced today READMEChangelogDependencies (5)Versions (3)Used By (0) Express Theme ============= [](#express-theme) This theme is based on Twitter's Bootstrap, and designed to work with SilverStripe Express, found here: It is not intended to be a completed theme in and of itself, but to provide you with the tools and ui features to quickly build a website on the SilverStripe platform. You can choose to work either with the SCSS files (recommended), or with the CSS. You will need to grab the module bootstrap and place it in the root of your themes directory. SCSS/SASS --------- [](#scsssass) Sass (Syntactically Awesome Stylesheets) is a preprocessed stylesheet language, compiling to CSS. Sass adds nested rules, variables, mixins, selector inheritance, functions and other such useful things to CSS3. SCSS is a syntax of Sass based on CSS syntax. Sass uses a ruby gem to compile. If you have not used Sass before, you may need to install the relevant gems (in terminal: sudo gem install sass && gem install compass). SCSS is a form of Sass that uses CSS based syntax For more information on how to use SCSS, and full API documentation see: Bootstrap --------- [](#bootstrap) Twitter Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optional JavaScript extensions. Bootstrap was originally written in Less, but has been ported to SCSS. Express uses the SCSS port of Bootstrap. More information on the Twitter bootstrap api can be found here: If you haven't used bootstrap before, the website is a good place to start. It is a valuable resource when building websites with the silverstripe express theme. Compass ------- [](#compass) Compass is an open-source CSS Authoring Framework. To keep things simple, we have only made minor use of the compass framework (to allow gradients in IE9). However, if you wish to use more of the features provided by compass, just import the libraries you are interested in at the top of the relevant scss files. More information on Compass can be found here: Flexslider ---------- [](#flexslider) Flexslider is a fully responsive jQuery based carousel, with an easy to use and extensive api. For details on how to work with this slider, visit the website: The relevant included files are (from your web root): - themes/express/scss/bootstrap\_config/custom/\_carousel.scss - themes/express/js/lib/jquery.flexslider.js - themes/express/js/express.js (initialises the slider) - themes/express/templates/Includes/Carousel.ss We have chosen to replace the bootstrap carousel with this in SilverStripe Express, because we found that by default the bootstrap carousel didn't provide us with the tools we needed to easily customise a carousel for clients. Depending on your needs, you may make a different choice. All the tools you need to work with the bootstrap carousel are still present. To swap back: 1. In themes/express/scss/bootstrap\_config/\_bootstrap.scss replace '@import "custom/carousel"' with '@import "../../../module\_bootstrap/lib/carousel"'. Or copy the scss file from module\_bootstrap into the custom folder to overwrite the flexslider css. 2. Include the bootstrap javascript on your site (ie.'themes/module\_bootstrap/js/bootstrap-carousel.js' ), and remove the flexslider javascript. 3. Edit themes/express/templates/Includes/Carousel.ss to match the correct twitter bootstrap markup 4. Replace the initialisation of flexslider in express.js, with the relevant bootstrap initialisation (see: ) Bugs and Issues --------------- [](#bugs-and-issues) Bugs and issues are being tracked using the github issues tracker for the main silverstripe-express module: Contributing ------------ [](#contributing) See ### Health Score 31 — LowBetter than 66% of packages Maintenance9 Infrequent updates — may be unmaintained Popularity20 Limited adoption so far Community21 Small or concentrated contributor base Maturity64 Established project with proven stability Bus Factor1 Top contributor holds 60.5% 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 ~122 days Total 2 Last Release 4834d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/b0cba8b534e20e6ab4fff555a97b237a18436ebca1446fc0b29c8a8b504038b9?d=identicon)[GuySartorelli](/maintainers/GuySartorelli) ![](https://www.gravatar.com/avatar/a25bc04c5720a36869d5a39c6449dde7eb43e19b7c8e666d5f632d6a9ab440b1?d=identicon)[emteknetnz](/maintainers/emteknetnz) ![](https://www.gravatar.com/avatar/afbb3dcc9ef29c1a6eedd6addcae5fce9ab1271915a85a4c349301b71237368d?d=identicon)[silverstripe-machine01](/maintainers/silverstripe-machine01) --- Top Contributors [![adrexia](https://avatars.githubusercontent.com/u/984753?v=4)](https://github.com/adrexia "adrexia (52 commits)")[![mateusz](https://avatars.githubusercontent.com/u/118653?v=4)](https://github.com/mateusz "mateusz (18 commits)")[![clarkepaul](https://avatars.githubusercontent.com/u/555033?v=4)](https://github.com/clarkepaul "clarkepaul (13 commits)")[![mattclegg](https://avatars.githubusercontent.com/u/303487?v=4)](https://github.com/mattclegg "mattclegg (2 commits)")[![chillu](https://avatars.githubusercontent.com/u/111025?v=4)](https://github.com/chillu "chillu (1 commits)") ### Embed Badge ![Health badge](/badges/silverstripe-themes-express/health.svg) ``` [![Health](https://phpackages.com/badges/silverstripe-themes-express/health.svg)](https://phpackages.com/packages/silverstripe-themes-express) ``` ### Alternatives [helsingborg-stad/municipio A bootstrap theme for creating municipality sites. 4028.5k10](/packages/helsingborg-stad-municipio)[silverstripe/userforms UserForms enables CMS users to create dynamic forms via a drag and drop interface and without getting involved in any PHP code 1371.1M85](/packages/silverstripe-userforms)[symbiote/silverstripe-advancedworkflow Adds configurable workflow support to the CMS, with a GUI for creating custom workflow definitions. 46302.4k9](/packages/symbiote-silverstripe-advancedworkflow)[mediawiki/maps Adds various mapping features to MediaWiki 84152.3k3](/packages/mediawiki-maps)[starcitizentools/citizen-skin A beautiful, usable, responsive MediaWiki skin with in-depth extension support. Originally developed for the Star Citizen Wiki. 3376.6k](/packages/starcitizentools-citizen-skin)[civicrm/civicrm-drupal-8 Open source constituent relationship management for non-profits, NGOs and advocacy organizations. 19251.4k3](/packages/civicrm-civicrm-drupal-8) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)