poetaster

<h4>EN:</h4>
A simple wordpress plugin to parse shortcodes and produce a nice html/css only timeline.
This plugin provides 4 shortcodes:
<ul>
<li>[ctimeline] – a wrapper for the entire timeline</li>
<li>[ctentry] – a date label with an entry and option content</li>
<li>[ctspace] – a simple spacer</li>
<li>[ctdate] – not implemented yet.</li>
</ul>
Take a look at the screenshots to see what rendering looks like. CSS3 
transitions and html supply minimal animations. Most markup can be used within 
the shortcodes to achieve formatting and, for instance, embed images. The 
following example demonstrates,
<ul>
<li>‘fake’ super/sub sections, not using the ‘date’ param of ctentry </li>
<li>embed a picture</li>
<li>format a label</li>
</ul>
[ctimeline]
[ctentry date=”” label=”2015″] Wasn’t much going on in 2015.[/ctentry]
[ctentry date=”11 May 2015 ” label=”The title of this entry reflects the needs of verbose headline copy editors.”]
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
[/ctentry]
[ctspace][/ctspace]
[ctspace][/ctspace]
[ctentry date=”” label=”2016″] A bit more going on in 2016.[/ctentry]
[ctentry date=”12 May 2016″ label=”12th cool”] 
Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. 
[/ctentry]
[ctentry date=”13 May 2016″ label=”13th cool”] 
In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Curabitur tortor. Pellentesque nibh. Aenean quam. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
[/ctentry]
[/ctimeline]

csstimeline

Binsaifullah

Advanced Timeline Block is a custom Gutenberg Block developed with Gutenberg Native Components. You can easily design your stories or events timeline in Gutenberg Editor. It is highly customizable with a number of options. It allows you to design your timeline content as per your need.
<h3>Overview</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qQLSBQHyIuA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Key Features</h3>
<ul>
<li>Simple, light-weight, and super-fast</li>
<li>Unlimited Inner Blocks for Timeline Content </li>
<li>Only CSS based Timeline</li>
<li>Built with only Gutenberg Native Components</li>
<li>No Block Builder at all</li>
<li>100% Responsive</li>
<li>Unlimited Timeline Content</li>
<li>Responsive 3 Types of Timeline Style
<ul>
<li>Both Sides Timeline</li>
<li>Only Left Side Timeline</li>
<li>Only Right Side Timeline</li>
</ul>
</li>
<li>Unlimited Color</li>
<li>FontAwesome Icon for Timeline Marker</li>
<li>Highly Customizable with a lot of Options</li>
<li>Easy to Use in Gutenberg Editor</li>
<li>Drag & Drop Use</li>
</ul>
<h4>About Developer</h4>
<blockquote>
Designed & Developed By Zakaria Binsaifullah. Available for any freelance work, feel free to <a href="https://makegutenblock.com/contact" rel="nofollow ugc">Contact Me</a>
</blockquote>

Advanced Timeline Gutenberg Block


Few recommendation just change your plugin name  Advanced Timeline Gutenberg Block to Advanced Timeline Block for better search query.



Other than that your timeline support the inner block that makes it unique from others.  I would like to more features in future.


One of the best timeline block

Advanced Timeline Block is a custom Gutenberg Block developed with Gutenberg Native Components. You can easily design your stories or events timeline  …

csstimeline vs Advanced Timeline Gutenberg Block