santiagodel76

Timed Event Block adds a server-rendered parent block for scheduling event content by date/time, plus dedicated child blocks for dynamic date, time, and countdown output.
Ideal for event listings such as movie showtimes, class schedules, workshops, conferences, livestreams, and similar use cases. It requires no global configuration: install the plugin and start using the block directly in FSE workflows.
This plugin is designed for full site editing workflows where content creators need:
<ul>
<li>A single event container that can hold any core block (text, media, embeds, columns, groups, etc.).</li>
<li>Automatic status handling based on current server time:</li>
<li>Scheduled</li>
<li>Active</li>
<li>Ended</li>
<li>Optional automatic hiding of ended events (<code>Hide when ended</code>).</li>
<li>Child blocks that can be used only inside the Timed Event parent:</li>
<li>Event Date</li>
<li>Event Time</li>
<li>Event Countdown</li>
<li>Dynamic frontend updates for status/time/countdown without page refresh.</li>
<li>Native Gutenberg style controls (spacing, color, typography, border, dimensions) on parent and child blocks.</li>
</ul>
How it works:
<ol>
<li>Add a Timed Event block.</li>
<li>Set start date/time and duration.</li>
<li>Insert any content you want.</li>
<li>Optionally insert child blocks:</li>
</ol>
* Event Date for date display with site/custom format. 
* Event Time for scheduled time and active/ended label transitions. 
* Event Countdown for countdown to start/end and status transitions. 
5. Publish. Frontend output is resolved server-side, and dynamic text updates via lightweight view scripts.
<h3>Blocks</h3>
<h4>Timed Event</h4>
Parent container block that controls event lifecycle and visibility.
Features: 
* Start date and time. 
* Duration in minutes. 
* Hide when ended toggle. 
* Full inner content flexibility.
<h4>Event Date</h4>
Child block (ancestor-restricted to Timed Event) that reads parent context and renders formatted date.
Features: 
* Site default format or custom format string. 
* Uses WordPress timezone and date settings by default.
<h4>Event Time</h4>
Child block that reads parent context and renders: 
* Scheduled state: formatted time. 
* Active state: configurable active label. 
* Ended state: configurable ended label.
Features: 
* Site/custom time format. 
* Editable active/ended labels. 
* Editable active/ended colors. 
* Dynamic frontend state update.
<h4>Event Countdown</h4>
Child block that reads parent context and renders: 
* Countdown to start or countdown to end. 
* Active/ended label after countdown completion.
Features: 
* Target mode: <code>to_start</code> or <code>to_end</code>. 
* Day visibility toggle. 
* Custom separator. 
* Editable active/ended labels. 
* Editable active/ended colors. 
* Dynamic frontend state update.

Timed Event Block

Schedule event visibility and create flexible event layouts with native Gutenberg blocks for modern WordPress editing workflows.

ska-dev

ska-blocks plugin provides a seamless Tailwind CSS integration with the WordPress Block Editor. 
Manage Tailwind classes on blocks with an intuitive UI, making it possible to implement any Tailwind-based website design directly in the Block Editor with no build step, template files or third party page builders. The plugin comes with low level blocks that can represent any HTML element, which makes it possible to convert custom HTML to blocks and makes the Gutenberg editor incredibly flexible.
<a href="https://wordpress.org/plugins/ska-blocks/?preview=1" rel="ugc">Live demo on WordPress playground</a> 
<a href="https://ska-blocks.com/?utm_source=wordpress.org" rel="nofollow ugc">Website</a> 
<a href="https://ska-blocks.com/docs/?utm_source=wordpress.org" rel="nofollow ugc">Read the docs</a>
<h4>Features</h4>
<ul>
<li>Enter any Tailwind class – the plugin compiles the CSS for it and enqueues it in the block editor and front end.</li>
<li>No bloat – any classes you don’t use on the page don’t get loaded, only Tailwind theme and properties are loaded globally, optionally Tailwind’s preflight can be included as well.</li>
<li>Responsive – easily target any breakpoint in the block editor.</li>
<li>Flexible – full control to utilize all HTML elements with any HTML attributes and styles – tailor custom solutions with no need for page builder bloat.</li>
<li>Convert HTML to blocks – have an existing TailwindCSS-based design? Convert it to blocks automatically, use UI to fine-tune it and have less-technical users easily modify text content in a simple WYSIWYG environment.</li>
<li>Presets & Variations – create reusable sets of classes, or blocks.</li>
<li>AI integration – generate Tailwind HTML using AI and convert it to blocks on the spot.</li>
</ul>
<h4>Blocks</h4>
<ul>
<li>Text – any HTML element that contains rich text.</li>
<li>Element – any HTML element that contains other elements.</li>
<li>Tailwind – convert Tailwind HTML to blocks – find HTML from the web or generate with AI.</li>
<li>Image – render an image, placeholder, SVG, featured image, Lottie.</li>
<li>Gallery – render multiple images with simple markup.</li>
</ul>
<h3>External services</h3>
When using AI this plugin connects to an API endpoint to communicate with various AI models. No external connection is made until you enter your own API key and specifically interact with the AI feature of the “Tailwind” block. Request is made when you press “Generate” and include your written prompt and the contents of the Tailwind block. 
This service is provided by “OpenRouter”: <a href="https://openrouter.ai/terms" rel="nofollow ugc">terms of use</a>, <a href="https://openrouter.ai/privacy" rel="nofollow ugc">privacy policy</a>.

ska-blocks – TailwindCSS for Block Editor

Advanced UI for managing Tailwind classes on WordPress blocks, generate Tailwind HTML with AI, convert HTML to blocks.

Timed Event Block vs ska-blocks – TailwindCSS for Block Editor