Tailwind Resources Logo Tailwind Resources
Nofrills screenshot

Nofrills

Author Avatar Theme by Fngr2911
Updated: 16 May 2023
14 Stars

Drupal 8/9 boilerplate theme with Webpack, Tailwind CSS, Sass, Babel and more.

Github

Categories

Scss Templates & themes

Overview:

NoFrills is a clean Drupal 8/9 starter theme (or boilerplate) that comes with a range of useful features including Webpack, Tailwind CSS, SASS, Autoprefixer, Babel, Uglify, and Imagemin. Its main goal is to provide a stable base theme with minimal classes and wrapping divs in HTML, making it easier and cleaner to develop custom designs quickly.

Features:

  • Base theme stability: By using NoFrills, you will have a solid base theme with only the necessary classes and wrapping divs in your HTML. This helps to keep your code clean and focused on the specific design elements you want to create.

  • Webpack-powered transformations: NoFrills utilizes Webpack to handle and watch transformations for Sass (with Autoprefixer), JavaScript (ES6 with Babel), and images (imagemin). This allows you to easily compile and minify your code for optimal performance.

  • Tailwind CSS integration: NoFrills incorporates Tailwind CSS, a utility-first CSS framework, which enables you to quickly build custom designs by utilizing its extensive utility classes. This greatly speeds up the design process and helps maintain consistency throughout your project.

Installation:

To install NoFrills theme, please follow the steps below:

  1. Go to your themes folder in your Drupal installation.

  2. Clone the NoFrills repository into the themes folder.

  3. Install all the necessary dependencies for NoFrills by running the following command:

npm install

or

yarn install
  1. After the installation of dependencies is finished, run the development script to start working on your project:
npm run dev

or

yarn dev
  1. If you want to get production optimized assets, you can run the build script:
npm run build

or

yarn build

Summary:

NoFrills is a Drupal 8/9 starter theme that offers a range of features to simplify and enhance the development process. With its stable base theme, Webpack-powered transformations, and integration of Tailwind CSS, developers can quickly build and customize their designs while maintaining clean and efficient code. The installation process is straightforward, and with the ability to optimize assets for production, NoFrills is a valuable tool for Drupal development projects.