SiteOrigin Widgets Bundle vs TailPress – Tailwind for WordPress

The SiteOrigin Widgets Bundle gives you all the elements you need to build modern, responsive, and engaging website pages. Using the Widgets Bundle, you can quickly and effortlessly add buttons, sliders, heroes, maps, images, carousels, features, icons, and so much more. SiteOrigin Widgets are ready to be used anywhere, in Page Builder by SiteOrigin, in the Block Editor or your theme’s widget areas. The Widgets Bundle is even compatible with other popular page-building plugins. Our collection is growing, and here are some of the powerful widgets included so far: Accordion Efficiently display content in expandable sections, maximizing space for improved organization. Anything Carousel Display images, text, or any content in a highly customizable and responsive carousel slider. Author Box Display author information, including avatar, name, bio, and post links in a customizable box. Blog Showcase blog content in personalized list or grid layouts with flexible design and display settings. Button Create a custom button with flexible styling, icon support, and click tracking functionality. Button Grid Add multiple buttons in one go, customize individually, and present them in a neat grid layout. Contact Form Add a contact form with custom fields, design options, spam protection, and email notifications. Call To Action Prompt visitors to take action with a customizable title, subtitle, button, and design settings. Editor Insert and customize content with a rich text editor offering extensive formatting options. Features Showcase features with icons, titles, text, and links in a customizable grid layout. Google Maps Embed a customizable Google Map with markers, directions, styling options, and interactive elements. Headline Engage visitors with a prominent, stylish headline and optional divider and sub-headline to convey key messages. Hero Image Build an impressive hero image section with custom content, buttons, background image, color, and video. Icon Display a customizable icon with color, size, alignment, and optional link settings. Image Add a responsive image with custom dimensions, positioning, caption, link, and styling options. Image Grid Showcase images in a responsive grid layout with custom size, spacing, alignment, and captions. Image Slider Create a responsive slider with customizable image and video frames, navigation, and appearance settings. Layout Slider Design responsive slider frames with unique layouts, backgrounds, and content built with Page Builder. Lottie Player Bring your content to life using interactive Lottie animations with personalized settings and links. Post Carousel Display blog posts or custom post types in a responsive, customizable carousel layout. Price Table Display pricing plans in a professional table format with custom columns, features, and design. Recent Posts Drive traffic to your latest content with a visually appealing, fully customizable recent posts showcase. Simple Masonry Layout Display images in an attractive masonry grid with adjustable columns, gutters, and optional captions. Social Media Buttons Add social media buttons to your site with personalized icons, colors, and design settings. Tabs Create tabbed content panels with customizable titles, content, initial tab, and design settings. Taxonomy Automatically display the taxonomies of the current post with customizable labels, colors, and link settings. Testimonials Feature testimonials from satisfied customers with tailored layouts, images, text, colors, and mobile compatibility. Video Player Embed self-hosted or externally hosted videos with a customizable player, controls, and responsive sizing. Ready to Be Used Anywhere Page Builder by SiteOrigin: Insert widgets in Page Builder by SiteOrigin in either the Classic Editor or Page Builder Layout Block in the Block Editor. Block Editor: The Widgets Bundle is 100% Block Editor compatible. Insert widgets using the SiteOrigin Widgets Block featuring a live widget search form. Theme and Plugin Widget Areas: Insert widgets in any theme or plugin widget area. In Other Popular Page Builder Plugins: Insert widgets in Elementor or Beaver Builder. Built for Speed We carefully built each widget for the best possible page size and load time. The Widgets Bundle is perfectly compatible with Autoptimize and all other major performance plugins. SEO Optimized The Widgets Bundle uses modern SEO best practices and seamlessly integrates with all major SEO plugins. Accessibility Ready The Widgets Bundle is accessibility-ready. Tab through all form fields and settings, make changes without using a mouse. Actively Developed SiteOrigin has been creating magical tools for your WordPress website since 2011. We actively develop the Widgets Bundle with updates released several times a month, including new features and fixes as required. View our Widgets Bundle work on GitHub. Create Custom Widgets Access a huge array of features and save time by developing custom widgets for your theme or plugin on the Widgets Bundle Framework. Read more in our extensive developer documentation. Documentation Documentation is available on SiteOrigin. Support Free support is available on the SiteOrigin support forums. SiteOrigin Premium SiteOrigin Premium enhances the Widgets Bundle with a vast array of additional features and settings. Take your layouts to the next level with SiteOrigin Premium addons. SiteOrigin Premium includes access to our professional email support service, perfect for those times when you need fast and effective technical support. We’re standing by to assist you in any way we can.

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.