Skip to content

Experience the innovation of a mobile-first theme, harnessing the power of Tailwind's cutting-edge technology (version 3.2.4) and complemented by Typography and various other indispensable plugins.

License

Notifications You must be signed in to change notification settings

leonism/all-things-digital

Repository files navigation

👋 All Things Digital - A Tailwind Theme

Deploy Jekyll with GitHub Pages dependencies preinstalled

🎥 Video

DGPond.COM.mp4

🎊 Descriptions

Introducing our newest CSS theme: All Things Digital, a simple, minimalistic and responsive multiple-page layout, built on top of the latest Tailwind (3.2.4) technology. All Things Digital shipped with Dark Mode and Mobile First Focus! This theme is designed to provide a sleek and modern look for your website or blogs, with a focus on accessibility and easy customization.

The dark mode feature allows users to switch to a darker color scheme for a more comfortable viewing experience, particularly at night or in low light environments. And with a mobile first focus, this theme is optimized for mobile devices, ensuring that your website looks great on any screen size.

Tailwind CSS is a utility-first CSS framework, which means that it provides a set of low-level utility classes that make it easy to style your website without writing complex CSS code. This allows you to quickly and easily customize the look and feel of your website to match your brand and aesthetic.

In addition to the sleek dark mode and mobile first focus, our Tailwind CSS theme also includes powerful plugins for typography and forms. The typography plugin allows you to easily add beautiful and highly customizable headings, paragraphs, and other text elements to your website. And the forms plugin makes it easy to create clean and user-friendly forms for gathering information from your visitors.

Together, these plugins provide a complete solution for styling your website's content and gathering information from your users. They're built to work seamlessly with the rest of the theme, so you can easily create a professional and cohesive look for your website.

Whether you're a seasoned web developer or a beginner, this theme is sure to provide a professional and modern look for your website. Try it out today!

Open in StackBlitz Open with CodeSandbox Deploy with Vercel

📷 Mock-up & Visualization

Alt text

🚀 Features

  • Responsive mobile-friendly design
  • Using the latest Tailwind 3.2.4
  • Tested on various devices with different viewports
  • Dark Mode
  • Contact Form
  • Utilize Tailwind Plugins (Typography & Form)

😏 Todos

  • More Pages Design
  • Multi-language i18n

🤓 How To

Install dependencies (Tailwind)

npm install

Run the Tailwind CLI to compile the input.css during development. The output file is dist/output.css

  • main.css located at ./src/main.css
  • style.css located at ./dist/style.css
npm run watch

To build once run.

npm run build

You can edit the scripts in package.json and the tailwind.config.js file to change input/output locations and the script commands.

🔗 Credits

🧬 Versions

💻 Splash Screen

Alt text

🖊️ License

Distributed under the MIT License - December 2022

About

Experience the innovation of a mobile-first theme, harnessing the power of Tailwind's cutting-edge technology (version 3.2.4) and complemented by Typography and various other indispensable plugins.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published