TailPress – Tailwind for WordPress vs Ultimate Blocks – 25+ Gutenberg Blocks for Block Editor

Tailwind CSS is a great companion to building block based sites in WordPress. Unfortunately, it’s been pretty complicated to add Tailwind CSS to WordPress since it needs to be compiled with Node.js in order to be production ready. This plugin takes care of that by adding Tailwind CSS to WordPress in one easy step (activate the plugin) and at the same time takes care of performance and caching so your site remains fast and production ready! Who It’s For This is primarily for developers and users that are familiar with Tailwind CSS and comfortable styling their site using their utility class framework. It’s also for those who have struggled to add Tailwind to their workflow without having to constantly compile their CSS every time the classes in their page content changes. How it Works Extracts classes from pages and compiles them server-side into Tailwind CSS Caches the dynamically generated CSS to avoid performance issues on the frontend of your production site. Are you affiliated with tailpress.io the theme? No, we are not! Unfortunately the same name was used for both out of coincidence, but we are not affiliated and are two different solutions. Tailpress.io is a great starting point for developing custom themes with deep integration of Tailwind. I would recommend it for any developer that wants to build a custom theme that depends heavily on Tailwind. Tailpress, this plugin, adds Tailwind support to any project as an add-on. It can be used as much or as little as you need, added to custom themes or pre-existing ones. Can this be used in production? Yes! Although the styles in the backend get generated on the fly, the CSS on the frontend gets cached for every page. Changing any classes on the page will bust the cache automatically so it’ll still stay up to date with any changes. Can this be used outside the block editor? Yes! This will work anywhere on the backend or front end of your site that uses classes to style things. Known Issues Device Preview Mode in Block Editor The non-desktop preview modes in the block editor utilize an iframe and don’t load assets properly. Therefore your Tailwind styles won’t be visible here. Page Caching If you have any page caching on your site, you’ll have to clear your cache for the best experience.

Get Pro | Documentation Ultimate Blocks is a free powerhouse for bloggers and content marketers using WordPress. It’s not just a plugin, it’s a toolkit to skyrocket user engagement and simplify content creation. With Ultimate Blocks, you’re not just adding functionalities; you’re crafting experiences. From interactive content filters, captivating call-to-actions, to social sharing made effortless, every block is a step towards a more engaging and visually appealing website. It’s about making every visit count, every interaction memorable, and every content piece a breeze to create and manage. Transform your WordPress journey; let Ultimate Blocks be the catalyst for your website’s success. Ultimate Blocks currently includes the following blocks: Coupon (Available in Pro) – View Demo Timeline (Available in Pro) – View Demo Content Filter – View Demo Review (Schema Markup Enabled) – View Demo HowTo Schema – View Demo Table of Contents – View Demo Tabbed Content – View Demo Call to Action – View Demo Content Toggle (Accordion) – View Demo Styled Box – View Demo Styled List – View Demo Expand – View Demo Testimonial – View Demo Click to Tweet – View Demo Social Share – View Demo Countdown – View Demo Progress Bar – View Demo Post Grid – View Demo Star Rating – View Demo Image Slider – View Demo Button (Improved) – View Demo Divider – View Demo We have more exciting blocks in the making. Have a suggestion? Let us know. Join Us To Get Updates and Resources Visit Ultimate Blocks Website Follow Us on Twitter Join Our Support Community Join Our Facebook Group More Info About the Blocks Content Filter Content Filter lets your visitors filter the content based on different filters. You can let your users go through your content more easily. Review Block Add a review block with product name, features, summary, button and star rating. It is Schema Markup enabled. HowTo Schema Block Add HowTo Schema with sections, steps and valid schema data. Table of Contents Block Generate a table of contents from your headings. Tabbed Content Block Add content in tabs in your posts/pages. This comes with a nice drag and drop feature to sort the tabs. Call to Action Block Add a nice call to action box with a button. Encourage users to take action, engage more. You can customize everything in the block. Content Toggle Add contents in accordions. Let visitors expand them and show the content. Styled Box Block Add styled box like – Notification box, Number box, Feature box in your content. Three templates now, more in the making. Styled List Block This block lets you add a styled list in your post or pages. Instead of bullets you can use various icons as your list style type. You can also choose color for icons. Expand Block Expand Block lets you add expandable content. You can hide some part of your content initially. Upon clicking on ‘Show More’ it will show. It can be hidden again. Testimonial Block Nice, simple testimonial box with option to add image, name, role of the testimonial author. Click to Tweet Add tweetable content in your posts/pages. Social Share Block Add social share buttons in your posts and pages with this blocks. It comes with lots of customization options too. Countdown Block Add a countdown in your post/pages. Comes with three different styles. Progress Bar Block Add Cirle/Line Progress bar with this blocks. Comes with options to change thickness, color. Post Grid Block Add a list or grid of your posts. Comes with options to change categories, order and many more. Star Rating Block Add Star ratings in your posts/pages. You can customize size, color, numbers of stars. Image Slider Block Add a lightweight, simple image slider in your post. Comes with additional settings. Button Block Button block with more customization options and controls. Divider Block Add custom divider between your blocks. Customize the color, size, everything. Other tools from us Tableberg: The Best WordPress Block Table Plugin to create beautiful and responsive tables. GroundWP: Lightweight and Minimal Block Theme for efficient Full-Site Editing.