DEV Community

Cover image for Free Tailwind Css News Template
Ari Budin
Ari Budin

Posted on • Edited on

Free Tailwind Css News Template

Tailnews is Tailwind News Template with optimized for Newspapper and Magazine site. Integrated with Npm tool like Gulp, Browsersync and other tools for automatic workflow. Documented with live examples and snippets code. Easy to change colors, text sizes and all style only from html file.

Demo Preview: https://tailnews.tailwindtemplate.net/

Tailnews template features

  • Design optimized with Google Core Web Vital
  • 2 Homepage examples
  • 2 Post example
  • Supported Latest Tailwind Css
  • tegrated Gulp, Browsersync and other tools
  • Fast loading speed
  • Seo Friendly (heading tag structured)
  • Mobile first design
  • Modern svg icons
  • All source link images included in download package
  • Commented code
  • Well Documented
  • … and much more

Tailwind Components included

Tailnews Components are also available on the documentation page. So you can develop this template design easily without having to create components again.

The powerful Plugins Included

To make the design more attractive, we use some of the best plugins that we have selected by considering the plugin size and loading speed, so that it doesn’t affect the performance of the Tailnews template.

  • Splide js Slider
  • Splide Video
  • Hc sticky
  • Glightbox
  • Google Fonts

How to start with Tailnews ?

Looking to quickly add Tailnews components to your project? Please read our docs/index.html and follow instruction step by step. All Tailnews components is well documented with live examples. We’re using official Tailwind classes and components whenever possible so integration with your project will be as smooth as possible.

Workflow Tools

Speed up your development process with modern tools. Tailpro included npm scripts to automate your time-consuming tasks in your development workflow with Gulp toolkit and BrowserSync live browser reload.

Open directory

Running "npm install"

Running "npm run start"

Yup that’s it !

Note:

This template is html version ( Not WordPress, Blogger or other cms theme )

Download Link
https://themes.tailwindtemplate.net/tailwind-news-template

Follow my Twitter https://twitter.com/ari_budin for get other freebies and premium html template.

Top comments (0)