SD UI Foundation Themes

Free themes for the most advanced responsive front-end framework in the world - ZURB Foundation 6. SD UI themes are made for people to create their projects even faster with Foundation.

List of themes

• Classic - Clean light-blue theme
• Dark - Clean Dark UI
• Gradient - Clean blue theme with gradients
• Coming soon...

Usage

Replace the default Foundation CSS and JS files with the files from theme-name/dist/. Installation is complete, enjoy!

Advanced usage

You can easily customize themes for you own goals. For themes building we use node + npm (yarn) + webpack. To start you should perform several steps:

1. Install node and npm

2. Install required npm packages

   • You can use default packages manager - npm npm i - for development mode; npm i --production - for production
   • Or brand new yarn from Facebook developers. npm i -g yarn - install yarn; yarn - for development mode; yarn --prod - for production

3. Start webpack development server. Specify option --theme=name to build theme you want, classic one is built by default. npm start -- --theme=dark

4. Build final source npm run build -- --theme=classic