Tailwind CSS Timeline - Flowbite

Get started with the responsive timeline component to show data in a chronological order with support for multiple styles, sizes, and variants

The timeline component can be used to show series of data in a chronological order for use cases such as activity feeds, user actions, application updates, and more. Get started with multiple vertical timeline styles built with the utility classes from Tailwind CSS and Flowbite.

Default timeline #

Use this responsive Tailwind CSS timeline component to show a series of data entries with a date, title, and description with a vertical line with dots on the left or right side of the wrapper element.

Optionally, you can also add a CTA button to any of the timeline elements.

Edit on GitHub

<ol class="relative border-s border-default">                  
    <li class="mb-10 ms-4">
        <div class="absolute w-3 h-3 bg-neutral-quaternary rounded-full mt-1.5 -start-1.5 border border-buffer"></div>
        <time class="text-sm font-normal leading-none text-body">February 2022</time>
        <h3 class="text-lg font-semibold text-heading my-2">Application UI code in Tailwind CSS</h3>
        <p class="mb-4 text-base font-normal text-body">Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages.</p>
        <a href="/?originalUrl=https%3A%2F%2Fflowbite.com%2F%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Binline-flex%2520items-center%2520text-body%2520bg-neutral-secondary-medium%2520box-border%2520border%2520border-default-medium%2520hover%3Abg-neutral-tertiary-medium%2520hover%3Atext-heading%2520focus%3Aring-4%2520focus%3Aring-neutral-tertiary%2520shadow-xs%2520font-medium%2520leading-5%2520rounded-base%2520text-sm%2520px-4%2520py-2.5%2520focus%3Aoutline-none%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Learn%2520more%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-4%2520h-4%2520ms-1.5%2520-me-0.5%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM19%252012H5m14%25200-4%25204m4-4-4-4%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bmb-10%2520ms-4%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Babsolute%2520w-3%2520h-3%2520bg-neutral-quaternary%2520rounded-full%2520mt-1.5%2520-start-1.5%2520border%2520border-buffer%26%2334%3B%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520leading-none%2520text-body%26%2334%3B%26gt%3BMarch%25202022%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bh3%2520class%3D%26%2334%3Btext-lg%2520font-semibold%2520text-heading%2520my-2%26%2334%3B%26gt%3BMarketing%2520UI%2520design%2520in%2520Figma%26lt%3B%2Fh3%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bp%2520class%3D%26%2334%3Btext-base%2520font-normal%2520text-body%26%2334%3B%26gt%3BAll%2520of%2520the%2520pages%2520and%2520components%2520are%2520first%2520designed%2520in%2520Figma%2520and%2520we%2520keep%2520a%2520parity%2520between%2520the%2520two%2520versions%2520even%2520as%2520we%2520update%2520the%2520project.%26lt%3B%2Fp%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bms-4%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Babsolute%2520w-3%2520h-3%2520bg-neutral-quaternary%2520rounded-full%2520mt-1.5%2520-start-1.5%2520border%2520border-buffer%26%2334%3B%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bmb-1%2520text-sm%2520font-normal%2520leading-none%2520text-body%26%2334%3B%26gt%3BApril%25202022%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bh3%2520class%3D%26%2334%3Btext-lg%2520font-semibold%2520text-heading%2520my-2%26%2334%3B%26gt%3BE-Commerce%2520UI%2520code%2520in%2520Tailwind%2520CSS%26lt%3B%2Fh3%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bp%2520class%3D%26%2334%3Btext-base%2520font-normal%2520text-body%26%2334%3B%26gt%3BGet%2520started%2520with%2520dozens%2520of%2520web%2520components%2520and%2520interactive%2520elements%2520built%2520on%2520top%2520of%2520Tailwind%2520CSS.%26lt%3B%2Fp%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%26lt%3B%2Fol%26gt%3B%253C%2Fcode">




Vertical timeline
 #
Use this vertical timeline component with icons and badges to show a more advanced set of data.


    
      
      
        
           Edit on GitHub
        
      
      
      
        
        
          
              Toggle full screen
              
          
        
        
        
          
              Toggle tablet view
              
          
        
        
        
        
            Toggle mobile view
            
        
      
      
        
         
        
            Toggle RTL mode
            
        

          
          
              Toggle dark mode
              
          
          
    
  

  
    
      
        </head><body  class='p-5 bg-neutral-primary antialiased '><div id='exampleWrapper' class=''>
&lt;ol class=&#34;relative border-s border-default&#34;&gt;                  
    &lt;li class=&#34;mb-10 ms-6&#34;&gt;            
        &lt;span class=&#34;absolute flex items-center justify-center w-6 h-6 bg-brand-softer rounded-full -start-3 ring-8 ring-buffer&#34;&gt;
            &lt;svg class=&#34;w-3 h-3 text-fg-brand-strong&#34; aria-hidden=&#34;true&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; width=&#34;24&#34; height=&#34;24&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;2&#34; d=&#34;M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z&#34;/&gt;&lt;/svg&gt;
        &lt;/span&gt;
        &lt;time class=&#34;bg-neutral-secondary-medium border border-default-medium text-heading text-xs font-medium px-1.5 py-0.5 rounded&#34;&gt;March 13th, 2025&lt;/time&gt;
        &lt;h3 class=&#34;flex items-center mb-1 text-lg font-semibold text-heading my-2&#34;&gt;Flowbite Application UI v2.0.0 &lt;span class=&#34;ms-2 bg-brand-softer border border-brand-subtle text-fg-brand-strong text-xs font-medium px-1.5 py-0.5 rounded&#34;&gt;Latest&lt;/span&gt;&lt;/h3&gt;
        &lt;p class=&#34;mb-4 text-body&#34;&gt;Get access to over 20&#43; pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce &amp; Marketing pages.&lt;/p&gt;
        &lt;a href="/?originalUrl=https%3A%2F%2Fflowbite.com%2F%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Binline-flex%2520items-center%2520text-body%2520bg-neutral-secondary-medium%2520box-border%2520border%2520border-default-medium%2520hover%3Abg-neutral-tertiary-medium%2520hover%3Atext-heading%2520focus%3Aring-4%2520focus%3Aring-neutral-tertiary%2520shadow-xs%2520font-medium%2520leading-5%2520rounded-base%2520text-sm%2520px-4%2520py-2.5%2520focus%3Aoutline-none%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-4%2520h-4%2520me-1.5%2520-ms-0.5%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM10%25203v4a1%25201%25200%25200%25201-1%25201H5m14-4v16a1%25201%25200%25200%25201-1%25201H6a1%25201%25200%25200%25201-1-1V7.914a1%25201%25200%25200%25201%2520.293-.707l3.914-3.914A1%25201%25200%25200%25201%25209.914%25203H18a1%25201%25200%25200%25201%25201%25201Zm-4%25201h.01v.01H15V5Zm-2%25202h.01v.01H13V7Zm2%25202h.01v.01H15V9Zm-2%25202h.01v.01H13V11Zm2%25202h.01v.01H15V13Zm-2%25202h.01v.01H13V15Zm2%25202h.01v.01H15V17Zm-2%25202h.01v.01H13V19Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Download%2520ZIP%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bmb-10%2520ms-6%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Babsolute%2520flex%2520items-center%2520justify-center%2520w-6%2520h-6%2520bg-brand-softer%2520rounded-full%2520-start-3%2520ring-8%2520ring-buffer%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520text-fg-brand-strong%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM4%252010h16m-8-3V4M7%25207V4m10%25203V4M5%252020h14a1%25201%25200%25200%25200%25201-1V7a1%25201%25200%25200%25200-1-1H5a1%25201%25200%25200%25200-1%25201v12a1%25201%25200%25200%25200%25201%25201Zm3-7h.01v.01H8V13Zm4%25200h.01v.01H12V13Zm4%25200h.01v.01H16V13Zm-8%25204h.01v.01H8V17Zm4%25200h.01v.01H12V17Zm4%25200h.01v.01H16V17Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-neutral-secondary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3BJanuary%252009th%2C%25202025%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bh3%2520class%3D%26%2334%3Bmy-2%2520text-lg%2520font-semibold%2520text-heading%26%2334%3B%26gt%3BFlowbite%2520Figma%2520v1.3.0%26lt%3B%2Fh3%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bp%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3BAll%2520of%2520the%2520pages%2520and%2520components%2520are%2520first%2520designed%2520in%2520Figma%2520and%2520we%2520keep%2520a%2520parity%2520between%2520the%2520two%2520versions%2520even%2520as%2520we%2520update%2520the%2520project.%26lt%3B%2Fp%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bms-6%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Babsolute%2520flex%2520items-center%2520justify-center%2520w-6%2520h-6%2520bg-brand-softer%2520rounded-full%2520-start-3%2520ring-8%2520ring-buffer%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520text-fg-brand-strong%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM4%252010h16m-8-3V4M7%25207V4m10%25203V4M5%252020h14a1%25201%25200%25200%25200%25201-1V7a1%25201%25200%25200%25200-1-1H5a1%25201%25200%25200%25200-1%25201v12a1%25201%25200%25200%25200%25201%25201Zm3-7h.01v.01H8V13Zm4%25200h.01v.01H12V13Zm4%25200h.01v.01H16V13Zm-8%25204h.01v.01H8V17Zm4%25200h.01v.01H12V17Zm4%25200h.01v.01H16V17Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-neutral-secondary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3BOctober%252014th%2C%25202024%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bh3%2520class%3D%26%2334%3Bmy-2%2520text-lg%2520font-semibold%2520text-heading%26%2334%3B%26gt%3BFlowbite%2520Library%2520v1.2.2%26lt%3B%2Fh3%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bp%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3BGet%2520started%2520with%2520dozens%2520of%2520web%2520components%2520and%2520interactive%2520elements%2520built%2520on%2520top%2520of%2520Tailwind%2520CSS.%26lt%3B%2Fp%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%26lt%3B%2Fol%26gt%3B%253C%2Fdiv"><script src="/?originalUrl=https%3A%2F%2Fflowbite.com%2Fdocs%2Fflowbite.min.js"></script><script>window.onload = function () { const anchorTags = document.querySelectorAll('a'); anchorTags.forEach(function(a){a.addEventListener('click', function(ev){ev.preventDefault();})});  const dropdownEl = document.querySelector('[data-dropdown-toggle]'); if (dropdownEl) {dropdownEl.click();} const modalEl = document.querySelector('[data-modal-toggle]'); if(modalEl) {modalEl.click(); }  const dateRangePickerEl = document.querySelector('[data-rangepicker] input'); if (dateRangePickerEl) { dateRangePickerEl.focus(); } const drawerEl = document.querySelector('[data-drawer-show]'); if (drawerEl) { drawerEl.click(); }  }</script></body></html>" frameborder="0">
        
          
            
            Loading...
        
      
      
    
  

        
            
              
                
                  
                
                
              
              
                
                
                  
                      Copy to clipboard
                      
                  
                
                
                  
                
        
            
        
        March 13th, 2025
        Flowbite Application UI v2.0.0 Latest
        Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages.
        
            
            Download ZIP
        
    
    
        
            
        
        January 09th, 2025
        Flowbite Figma v1.3.0
        All of the pages and components are first designed in Figma and we keep a parity between the two versions even as we update the project.
    
    
        
            
        
        October 14th, 2024
        Flowbite Library v1.2.2
        Get started with dozens of web components and interactive elements built on top of Tailwind CSS.
    



              
            
          
            
              
                <ol class="relative border-s border-default">                  
    <li class="mb-10 ms-6">            
        <span class="absolute flex items-center justify-center w-6 h-6 bg-brand-softer rounded-full -start-3 ring-8 ring-buffer">
            <svg class="w-3 h-3 text-fg-brand-strong" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z"/></svg>
        </span>
        <time class="bg-neutral-secondary-medium border border-default-medium text-heading text-xs font-medium px-1.5 py-0.5 rounded">March 13th, 2025</time>
        <h3 class="flex items-center mb-1 text-lg font-semibold text-heading my-2">Flowbite Application UI v2.0.0 <span class="ms-2 bg-brand-softer border border-brand-subtle text-fg-brand-strong text-xs font-medium px-1.5 py-0.5 rounded">Latest</span></h3>
        <p class="mb-4 text-body">Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages.</p>
        <a href="/?originalUrl=https%3A%2F%2Fflowbite.com%2F%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Binline-flex%2520items-center%2520text-body%2520bg-neutral-secondary-medium%2520box-border%2520border%2520border-default-medium%2520hover%3Abg-neutral-tertiary-medium%2520hover%3Atext-heading%2520focus%3Aring-4%2520focus%3Aring-neutral-tertiary%2520shadow-xs%2520font-medium%2520leading-5%2520rounded-base%2520text-sm%2520px-4%2520py-2.5%2520focus%3Aoutline-none%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-4%2520h-4%2520me-1.5%2520-ms-0.5%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM10%25203v4a1%25201%25200%25200%25201-1%25201H5m14-4v16a1%25201%25200%25200%25201-1%25201H6a1%25201%25200%25200%25201-1-1V7.914a1%25201%25200%25200%25201%2520.293-.707l3.914-3.914A1%25201%25200%25200%25201%25209.914%25203H18a1%25201%25200%25200%25201%25201%25201Zm-4%25201h.01v.01H15V5Zm-2%25202h.01v.01H13V7Zm2%25202h.01v.01H15V9Zm-2%25202h.01v.01H13V11Zm2%25202h.01v.01H15V13Zm-2%25202h.01v.01H13V15Zm2%25202h.01v.01H15V17Zm-2%25202h.01v.01H13V19Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Download%2520ZIP%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bmb-10%2520ms-6%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Babsolute%2520flex%2520items-center%2520justify-center%2520w-6%2520h-6%2520bg-brand-softer%2520rounded-full%2520-start-3%2520ring-8%2520ring-buffer%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520text-fg-brand-strong%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM4%252010h16m-8-3V4M7%25207V4m10%25203V4M5%252020h14a1%25201%25200%25200%25200%25201-1V7a1%25201%25200%25200%25200-1-1H5a1%25201%25200%25200%25200-1%25201v12a1%25201%25200%25200%25200%25201%25201Zm3-7h.01v.01H8V13Zm4%25200h.01v.01H12V13Zm4%25200h.01v.01H16V13Zm-8%25204h.01v.01H8V17Zm4%25200h.01v.01H12V17Zm4%25200h.01v.01H16V17Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-neutral-secondary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3BJanuary%252009th%2C%25202025%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bh3%2520class%3D%26%2334%3Bmy-2%2520text-lg%2520font-semibold%2520text-heading%26%2334%3B%26gt%3BFlowbite%2520Figma%2520v1.3.0%26lt%3B%2Fh3%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bp%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3BAll%2520of%2520the%2520pages%2520and%2520components%2520are%2520first%2520designed%2520in%2520Figma%2520and%2520we%2520keep%2520a%2520parity%2520between%2520the%2520two%2520versions%2520even%2520as%2520we%2520update%2520the%2520project.%26lt%3B%2Fp%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bms-6%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Babsolute%2520flex%2520items-center%2520justify-center%2520w-6%2520h-6%2520bg-brand-softer%2520rounded-full%2520-start-3%2520ring-8%2520ring-buffer%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520text-fg-brand-strong%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM4%252010h16m-8-3V4M7%25207V4m10%25203V4M5%252020h14a1%25201%25200%25200%25200%25201-1V7a1%25201%25200%25200%25200-1-1H5a1%25201%25200%25200%25200-1%25201v12a1%25201%25200%25200%25200%25201%25201Zm3-7h.01v.01H8V13Zm4%25200h.01v.01H12V13Zm4%25200h.01v.01H16V13Zm-8%25204h.01v.01H8V17Zm4%25200h.01v.01H12V17Zm4%25200h.01v.01H16V17Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-neutral-secondary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3BOctober%252014th%2C%25202024%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bh3%2520class%3D%26%2334%3Bmy-2%2520text-lg%2520font-semibold%2520text-heading%26%2334%3B%26gt%3BFlowbite%2520Library%2520v1.2.2%26lt%3B%2Fh3%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bp%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3BGet%2520started%2520with%2520dozens%2520of%2520web%2520components%2520and%2520interactive%2520elements%2520built%2520on%2520top%2520of%2520Tailwind%2520CSS.%26lt%3B%2Fp%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%26lt%3B%2Fol%26gt%3B%253C%2Fcode">
              

              
            

            
          

        

      



Stepper timeline
 #
Use this horizontally aligned timeline component to show a series of data in a chronological order.


    
      
      
        
           Edit on GitHub
        
      
      
      
        
        
          
              Toggle full screen
              
          
        
        
        
          
              Toggle tablet view
              
          
        
        
        
        
            Toggle mobile view
            
        
      
      
        
         
        
            Toggle RTL mode
            
        

          
          
              Toggle dark mode
              
          
          
    
  

  
    
      
        </head><body  class='p-5 bg-neutral-primary antialiased '><div id='exampleWrapper' class=''>
&lt;ol class=&#34;items-center sm:flex&#34;&gt;
    &lt;li class=&#34;relative mb-6 sm:mb-0&#34;&gt;
        &lt;div class=&#34;flex items-center&#34;&gt;
            &lt;div class=&#34;z-10 flex items-center justify-center w-6 h-6 bg-brand-softer rounded-full ring-0 ring-buffer sm:ring-8 shrink-0&#34;&gt;
                &lt;svg class=&#34;w-3 h-3 text-fg-brand-strong&#34; aria-hidden=&#34;true&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; width=&#34;24&#34; height=&#34;24&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;2&#34; d=&#34;M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z&#34;/&gt;&lt;/svg&gt;
            &lt;/div&gt;
            &lt;div class=&#34;hidden sm:flex w-full bg-neutral-quaternary h-px&#34;&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&#34;mt-3 sm:pe-8&#34;&gt;
            &lt;time class=&#34;bg-neutral-secondary-medium border border-default-medium text-heading text-xs font-medium px-1.5 py-0.5 rounded&#34;&gt;January 09th, 2025&lt;/time&gt;
            &lt;h3 class=&#34;text-lg font-semibold text-heading my-2&#34;&gt;Flowbite Library v1.0.0&lt;/h3&gt;
            &lt;p class=&#34;text-body mb-4&#34;&gt;Get started with dozens of web components and interactive elements.&lt;/p&gt;
            &lt;button type=&#34;button&#34; class=&#34;text-body bg-neutral-secondary-medium box-border border border-default-medium hover:bg-neutral-tertiary-medium hover:text-heading focus:ring-4 focus:ring-neutral-tertiary shadow-xs font-medium leading-5 rounded-base text-sm px-3 py-2 focus:outline-none&#34;&gt;Read more&lt;/button&gt;
        &lt;/div&gt;
    &lt;/li&gt;
    &lt;li class=&#34;relative mb-6 sm:mb-0&#34;&gt;
        &lt;div class=&#34;flex items-center&#34;&gt;
            &lt;div class=&#34;z-10 flex items-center justify-center w-6 h-6 bg-brand-softer rounded-full ring-0 ring-buffer sm:ring-8 shrink-0&#34;&gt;
                &lt;svg class=&#34;w-3 h-3 text-fg-brand-strong&#34; aria-hidden=&#34;true&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; width=&#34;24&#34; height=&#34;24&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;2&#34; d=&#34;M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z&#34;/&gt;&lt;/svg&gt;
            &lt;/div&gt;
            &lt;div class=&#34;hidden sm:flex w-full bg-neutral-quaternary h-px&#34;&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&#34;mt-3 sm:pe-8&#34;&gt;
            &lt;time class=&#34;bg-neutral-secondary-medium border border-default-medium text-heading text-xs font-medium px-1.5 py-0.5 rounded&#34;&gt;March 14th, 2025&lt;/time&gt;
            &lt;h3 class=&#34;text-lg font-semibold text-heading my-2&#34;&gt;Flowbite Library v1.2.0&lt;/h3&gt;
            &lt;p class=&#34;text-body mb-4&#34;&gt;Get started with dozens of web components and interactive elements.&lt;/p&gt;
            &lt;button type=&#34;button&#34; class=&#34;text-body bg-neutral-secondary-medium box-border border border-default-medium hover:bg-neutral-tertiary-medium hover:text-heading focus:ring-4 focus:ring-neutral-tertiary shadow-xs font-medium leading-5 rounded-base text-sm px-3 py-2 focus:outline-none&#34;&gt;Read more&lt;/button&gt;
        &lt;/div&gt;
    &lt;/li&gt;
    &lt;li class=&#34;relative mb-6 sm:mb-0&#34;&gt;
        &lt;div class=&#34;flex items-center&#34;&gt;
            &lt;div class=&#34;z-10 flex items-center justify-center w-6 h-6 bg-brand-softer rounded-full ring-0 ring-buffer sm:ring-8 shrink-0&#34;&gt;
                &lt;svg class=&#34;w-3 h-3 text-fg-brand-strong&#34; aria-hidden=&#34;true&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; width=&#34;24&#34; height=&#34;24&#34; fill=&#34;none&#34; viewBox=&#34;0 0 24 24&#34;&gt;&lt;path stroke=&#34;currentColor&#34; stroke-linecap=&#34;round&#34; stroke-linejoin=&#34;round&#34; stroke-width=&#34;2&#34; d=&#34;M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z&#34;/&gt;&lt;/svg&gt;
            &lt;/div&gt;
            &lt;div class=&#34;hidden sm:flex w-full bg-neutral-quaternary h-px&#34;&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&#34;mt-3 sm:pe-8&#34;&gt;
            &lt;time class=&#34;bg-neutral-secondary-medium border border-default-medium text-heading text-xs font-medium px-1.5 py-0.5 rounded&#34;&gt;September 26th, 2025&lt;/time&gt;
            &lt;h3 class=&#34;text-lg font-semibold text-heading my-2&#34;&gt;Flowbite Library v1.3.0&lt;/h3&gt;
            &lt;p class=&#34;text-body mb-4&#34;&gt;Get started with dozens of web components and interactive elements.&lt;/p&gt;
            &lt;button type=&#34;button&#34; class=&#34;text-body bg-neutral-secondary-medium box-border border border-default-medium hover:bg-neutral-tertiary-medium hover:text-heading focus:ring-4 focus:ring-neutral-tertiary shadow-xs font-medium leading-5 rounded-base text-sm px-3 py-2 focus:outline-none&#34;&gt;Read more&lt;/button&gt;
        &lt;/div&gt;
    &lt;/li&gt;
&lt;/ol&gt;

</div><script src="/?originalUrl=https%3A%2F%2Fflowbite.com%2Fdocs%2Fflowbite.min.js"></script><script>window.onload = function () { const anchorTags = document.querySelectorAll('a'); anchorTags.forEach(function(a){a.addEventListener('click', function(ev){ev.preventDefault();})});  const dropdownEl = document.querySelector('[data-dropdown-toggle]'); if (dropdownEl) {dropdownEl.click();} const modalEl = document.querySelector('[data-modal-toggle]'); if(modalEl) {modalEl.click(); }  const dateRangePickerEl = document.querySelector('[data-rangepicker] input'); if (dateRangePickerEl) { dateRangePickerEl.focus(); } const drawerEl = document.querySelector('[data-drawer-show]'); if (drawerEl) { drawerEl.click(); }  }</script></body></html>" frameborder="0">
        
          
            
            Loading...
        
      
      
    
  

        
            
              
                
                  
                
                
              
              
                
                
                  
                      Copy to clipboard
                      
                  
                
                

    
        
            
                
            
            
        
        
            January 09th, 2025
            Flowbite Library v1.0.0
            Get started with dozens of web components and interactive elements.
            
        
    
    
        
            
                
            
            
        
        
            March 14th, 2025
            Flowbite Library v1.2.0
            Get started with dozens of web components and interactive elements.
            
        
    
    
        
            
                
            
            
        
        
            September 26th, 2025
            Flowbite Library v1.3.0
            Get started with dozens of web components and interactive elements.
            
        
    



              
            
          
            
              
                <ol class="items-center sm:flex">
    <li class="relative mb-6 sm:mb-0">
        <div class="flex items-center">
            <div class="z-10 flex items-center justify-center w-6 h-6 bg-brand-softer rounded-full ring-0 ring-buffer sm:ring-8 shrink-0">
                <svg class="w-3 h-3 text-fg-brand-strong" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z"/></svg>
            </div>
            <div class="hidden sm:flex w-full bg-neutral-quaternary h-px"></div>
        </div>
        <div class="mt-3 sm:pe-8">
            <time class="bg-neutral-secondary-medium border border-default-medium text-heading text-xs font-medium px-1.5 py-0.5 rounded">January 09th, 2025</time>
            <h3 class="text-lg font-semibold text-heading my-2">Flowbite Library v1.0.0</h3>
            <p class="text-body mb-4">Get started with dozens of web components and interactive elements.</p>
            <button type="button" class="text-body bg-neutral-secondary-medium box-border border border-default-medium hover:bg-neutral-tertiary-medium hover:text-heading focus:ring-4 focus:ring-neutral-tertiary shadow-xs font-medium leading-5 rounded-base text-sm px-3 py-2 focus:outline-none">Read more</button>
        </div>
    </li>
    <li class="relative mb-6 sm:mb-0">
        <div class="flex items-center">
            <div class="z-10 flex items-center justify-center w-6 h-6 bg-brand-softer rounded-full ring-0 ring-buffer sm:ring-8 shrink-0">
                <svg class="w-3 h-3 text-fg-brand-strong" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z"/></svg>
            </div>
            <div class="hidden sm:flex w-full bg-neutral-quaternary h-px"></div>
        </div>
        <div class="mt-3 sm:pe-8">
            <time class="bg-neutral-secondary-medium border border-default-medium text-heading text-xs font-medium px-1.5 py-0.5 rounded">March 14th, 2025</time>
            <h3 class="text-lg font-semibold text-heading my-2">Flowbite Library v1.2.0</h3>
            <p class="text-body mb-4">Get started with dozens of web components and interactive elements.</p>
            <button type="button" class="text-body bg-neutral-secondary-medium box-border border border-default-medium hover:bg-neutral-tertiary-medium hover:text-heading focus:ring-4 focus:ring-neutral-tertiary shadow-xs font-medium leading-5 rounded-base text-sm px-3 py-2 focus:outline-none">Read more</button>
        </div>
    </li>
    <li class="relative mb-6 sm:mb-0">
        <div class="flex items-center">
            <div class="z-10 flex items-center justify-center w-6 h-6 bg-brand-softer rounded-full ring-0 ring-buffer sm:ring-8 shrink-0">
                <svg class="w-3 h-3 text-fg-brand-strong" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z"/></svg>
            </div>
            <div class="hidden sm:flex w-full bg-neutral-quaternary h-px"></div>
        </div>
        <div class="mt-3 sm:pe-8">
            <time class="bg-neutral-secondary-medium border border-default-medium text-heading text-xs font-medium px-1.5 py-0.5 rounded">September 26th, 2025</time>
            <h3 class="text-lg font-semibold text-heading my-2">Flowbite Library v1.3.0</h3>
            <p class="text-body mb-4">Get started with dozens of web components and interactive elements.</p>
            <button type="button" class="text-body bg-neutral-secondary-medium box-border border border-default-medium hover:bg-neutral-tertiary-medium hover:text-heading focus:ring-4 focus:ring-neutral-tertiary shadow-xs font-medium leading-5 rounded-base text-sm px-3 py-2 focus:outline-none">Read more</button>
        </div>
    </li>
</ol>
              
              
            
            
          
        
      


Activity log
 #
This component can be used to show the timline of a user’s activity history inside your application by using an avatar, datetime, description, and links to specific pages.


    
      
      
        
           Edit on GitHub
        
      
      
      
        
        
          
              Toggle full screen
              
          
        
        
        
          
              Toggle tablet view
              
          
        
        
        
        
            Toggle mobile view
            
        
      
      
        
         
        
            Toggle RTL mode
            
        

          
          
              Toggle dark mode
              
          
          
    
  

  
    
      
        </head><body  class='p-5 bg-neutral-primary antialiased '><div id='exampleWrapper' class=''>
&lt;ol class=&#34;relative border-s border-default&#34;&gt;                  
    &lt;li class=&#34;mb-10 ms-6&#34;&gt;            
        &lt;span class=&#34;absolute flex items-center justify-center w-6 h-6 rounded-full -start-3 ring-8 ring-buffer&#34;&gt;
            &lt;img class=&#34;rounded-full shadow-lg&#34; src="/?originalUrl=https%3A%2F%2Fflowbite.com%2F%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-3.jpg%26%2334%3B%2520alt%3D%26%2334%3BBonnie%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bitems-center%2520justify-between%2520p-4%2520bg-neutral-primary-soft%2520border%2520border-default%2520rounded-base%2520shadow-xs%2520sm%3Aflex%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-brand-softer%2520border%2520border-brand-subtle%2520text-fg-brand-strong%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%2520sm%3Aorder-last%2520mb-1%2520sm%3Amb-0%26%2334%3B%26gt%3Bjust%2520now%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BBonnie%2520Green%26lt%3B%2Fa%26gt%3B%2520moved%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BJese%2520Leos%26lt%3B%2Fa%26gt%3B%2520to%2520%26lt%3Bspan%2520class%3D%26%2334%3Bbg-neutral-secondary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3BFunny%2520Group%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bmb-10%2520ms-6%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Babsolute%2520flex%2520items-center%2520justify-center%2520w-6%2520h-6%2520rounded-full%2520-start-3%2520ring-8%2520ring-buffer%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Brounded-full%2520shadow-lg%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-5.jpg%26%2334%3B%2520alt%3D%26%2334%3BThomas%2520Lean%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bp-4%2520bg-neutral-primary-soft%2520border%2520border-default%2520rounded-base%2520shadow-xs%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bitems-center%2520justify-between%2520mb-3%2520sm%3Aflex%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-brand-softer%2520border%2520border-brand-subtle%2520text-fg-brand-strong%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%2520sm%3Aorder-last%2520mb-1%2520sm%3Amb-0%26%2334%3B%26gt%3B2%2520hours%2520ago%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3BThomas%2520Lean%2520commented%2520on%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BFlowbite%2520Pro%26lt%3B%2Fa%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bp-3%2520text-xs%2520italic%2520font-normal%2520text-body%2520border%2520border-default-medium%2520rounded-base%2520bg-neutral-secondary-medium%26%2334%3B%26gt%3BHi%2520ya%26%2339%3Bll!%2520I%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight%2520is%2520having%2520regarding%2520how%2520to%2520best%2520measure%2520your%2520design%2520system!%2520This%2520is%2520the%2520second%2520session%2520of%2520our%2520new%2520webinar%2520series%2520on%2520%23DesignSystems%2520discussions%2520where%2520we%26%2339%3Bll%2520be%2520speaking%2520about%2520Measurement.%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bflex%2520items-center%2520space-x-3%2520mt-4%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bbutton%2520type%3D%26%2334%3Bbutton%26%2334%3B%2520class%3D%26%2334%3Btext-body%2520bg-neutral-secondary-medium%2520box-border%2520border%2520border-default-medium%2520hover%3Abg-neutral-tertiary-medium%2520hover%3Atext-heading%2520focus%3Aring-4%2520focus%3Aring-neutral-tertiary%2520shadow-xs%2520font-medium%2520leading-5%2520rounded-base%2520text-sm%2520px-3%2520py-2%2520focus%3Aoutline-none%26%2334%3B%26gt%3BView%2520comment%26lt%3B%2Fbutton%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bbutton%2520type%3D%26%2334%3Bbutton%26%2334%3B%2520class%3D%26%2334%3Binline-flex%2520items-center%2520%2520text-white%2520bg-brand%2520hover%3Abg-brand-strong%2520box-border%2520border%2520border-transparent%2520focus%3Aring-4%2520focus%3Aring-brand-medium%2520shadow-xs%2520font-medium%2520leading-5%2520rounded-base%2520text-sm%2520px-3%2520py-2%2520focus%3Aoutline-none%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-4%2520h-4%2520me-1.5%2520-ms-0.5%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM14.5%25208.046H11V6.119c0-.921-.9-1.446-1.524-.894l-5.108%25204.49a1.2%25201.2%25200%25200%25200%25200%25201.739l5.108%25204.49c.624.556%25201.524.027%25201.524-.893v-1.928h2a3.023%25203.023%25200%25200%25201%25203%25203.046V19a5.593%25205.593%25200%25200%25200-1.5-10.954Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Reply%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fbutton%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bms-6%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Babsolute%2520flex%2520items-center%2520justify-center%2520w-6%2520h-6%2520rounded-full%2520-start-3%2520ring-8%2520ring-buffer%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Brounded-full%2520shadow-lg%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-1.jpg%26%2334%3B%2520alt%3D%26%2334%3BJese%2520Leos%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bitems-center%2520justify-between%2520p-4%2520bg-neutral-primary-soft%2520border%2520border-default%2520rounded-base%2520shadow-xs%2520sm%3Aflex%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-brand-softer%2520border%2520border-brand-subtle%2520text-fg-brand-strong%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%2520sm%3Aorder-last%2520mb-1%2520sm%3Amb-0%26%2334%3B%26gt%3B3%2520hours%2520ago%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BBonnie%2520Green%26lt%3B%2Fa%26gt%3B%2520moved%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BJese%2520Leos%26lt%3B%2Fa%26gt%3B%2520to%2520%26lt%3Bspan%2520class%3D%26%2334%3Bbg-neutral-secondary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3BFunny%2520Group%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%26lt%3B%2Fol%26gt%3B%253C%2Fdiv"><script src="/?originalUrl=https%3A%2F%2Fflowbite.com%2Fdocs%2Fflowbite.min.js"></script><script>window.onload = function () { const anchorTags = document.querySelectorAll('a'); anchorTags.forEach(function(a){a.addEventListener('click', function(ev){ev.preventDefault();})});  const dropdownEl = document.querySelector('[data-dropdown-toggle]'); if (dropdownEl) {dropdownEl.click();} const modalEl = document.querySelector('[data-modal-toggle]'); if(modalEl) {modalEl.click(); }  const dateRangePickerEl = document.querySelector('[data-rangepicker] input'); if (dateRangePickerEl) { dateRangePickerEl.focus(); } const drawerEl = document.querySelector('[data-drawer-show]'); if (drawerEl) { drawerEl.click(); }  }</script></body></html>" frameborder="0">
        
          
            
            Loading...
        
      
      
    
  

        
            
              
                
                  
                
                
              
              
                
                
                  
                      Copy to clipboard
                      
                  
                
                
                  
                
        
            
        
        
            just now
            Bonnie Green moved Jese Leos to Funny Group
        
    
    
        
            
        
        
            
                2 hours ago
                Thomas Lean commented on Flowbite Pro
            
            Hi ya'll! I wanted to share a webinar zeroheight is having regarding how to best measure your design system! This is the second session of our new webinar series on #DesignSystems discussions where we'll be speaking about Measurement.
            
                 
                              
            
        
    
    
        
            
        
        
            3 hours ago
            Bonnie Green moved Jese Leos to Funny Group
        
    



              
            
          
            
              
                <ol class="relative border-s border-default">                  
    <li class="mb-10 ms-6">            
        <span class="absolute flex items-center justify-center w-6 h-6 rounded-full -start-3 ring-8 ring-buffer">
            <img class="rounded-full shadow-lg" src="/?originalUrl=https%3A%2F%2Fflowbite.com%2F%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-3.jpg%26%2334%3B%2520alt%3D%26%2334%3BBonnie%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bitems-center%2520justify-between%2520p-4%2520bg-neutral-primary-soft%2520border%2520border-default%2520rounded-base%2520shadow-xs%2520sm%3Aflex%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-brand-softer%2520border%2520border-brand-subtle%2520text-fg-brand-strong%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%2520sm%3Aorder-last%2520mb-1%2520sm%3Amb-0%26%2334%3B%26gt%3Bjust%2520now%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BBonnie%2520Green%26lt%3B%2Fa%26gt%3B%2520moved%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BJese%2520Leos%26lt%3B%2Fa%26gt%3B%2520to%2520%26lt%3Bspan%2520class%3D%26%2334%3Bbg-neutral-secondary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3BFunny%2520Group%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bmb-10%2520ms-6%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Babsolute%2520flex%2520items-center%2520justify-center%2520w-6%2520h-6%2520rounded-full%2520-start-3%2520ring-8%2520ring-buffer%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Brounded-full%2520shadow-lg%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-5.jpg%26%2334%3B%2520alt%3D%26%2334%3BThomas%2520Lean%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bp-4%2520bg-neutral-primary-soft%2520border%2520border-default%2520rounded-base%2520shadow-xs%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bitems-center%2520justify-between%2520mb-3%2520sm%3Aflex%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-brand-softer%2520border%2520border-brand-subtle%2520text-fg-brand-strong%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%2520sm%3Aorder-last%2520mb-1%2520sm%3Amb-0%26%2334%3B%26gt%3B2%2520hours%2520ago%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3BThomas%2520Lean%2520commented%2520on%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BFlowbite%2520Pro%26lt%3B%2Fa%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bp-3%2520text-xs%2520italic%2520font-normal%2520text-body%2520border%2520border-default-medium%2520rounded-base%2520bg-neutral-secondary-medium%26%2334%3B%26gt%3BHi%2520ya%26%2339%3Bll!%2520I%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight%2520is%2520having%2520regarding%2520how%2520to%2520best%2520measure%2520your%2520design%2520system!%2520This%2520is%2520the%2520second%2520session%2520of%2520our%2520new%2520webinar%2520series%2520on%2520%23DesignSystems%2520discussions%2520where%2520we%26%2339%3Bll%2520be%2520speaking%2520about%2520Measurement.%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bflex%2520items-center%2520space-x-3%2520mt-4%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bbutton%2520type%3D%26%2334%3Bbutton%26%2334%3B%2520class%3D%26%2334%3Btext-body%2520bg-neutral-secondary-medium%2520box-border%2520border%2520border-default-medium%2520hover%3Abg-neutral-tertiary-medium%2520hover%3Atext-heading%2520focus%3Aring-4%2520focus%3Aring-neutral-tertiary%2520shadow-xs%2520font-medium%2520leading-5%2520rounded-base%2520text-sm%2520px-3%2520py-2%2520focus%3Aoutline-none%26%2334%3B%26gt%3BView%2520comment%26lt%3B%2Fbutton%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bbutton%2520type%3D%26%2334%3Bbutton%26%2334%3B%2520class%3D%26%2334%3Binline-flex%2520items-center%2520%2520text-white%2520bg-brand%2520hover%3Abg-brand-strong%2520box-border%2520border%2520border-transparent%2520focus%3Aring-4%2520focus%3Aring-brand-medium%2520shadow-xs%2520font-medium%2520leading-5%2520rounded-base%2520text-sm%2520px-3%2520py-2%2520focus%3Aoutline-none%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-4%2520h-4%2520me-1.5%2520-ms-0.5%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM14.5%25208.046H11V6.119c0-.921-.9-1.446-1.524-.894l-5.108%25204.49a1.2%25201.2%25200%25200%25200%25200%25201.739l5.108%25204.49c.624.556%25201.524.027%25201.524-.893v-1.928h2a3.023%25203.023%25200%25200%25201%25203%25203.046V19a5.593%25205.593%25200%25200%25200-1.5-10.954Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Reply%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fbutton%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3Bli%2520class%3D%26%2334%3Bms-6%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Babsolute%2520flex%2520items-center%2520justify-center%2520w-6%2520h-6%2520rounded-full%2520-start-3%2520ring-8%2520ring-buffer%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Brounded-full%2520shadow-lg%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-1.jpg%26%2334%3B%2520alt%3D%26%2334%3BJese%2520Leos%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Bitems-center%2520justify-between%2520p-4%2520bg-neutral-primary-soft%2520border%2520border-default%2520rounded-base%2520shadow-xs%2520sm%3Aflex%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Bbg-brand-softer%2520border%2520border-brand-subtle%2520text-fg-brand-strong%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%2520sm%3Aorder-last%2520mb-1%2520sm%3Amb-0%26%2334%3B%26gt%3B3%2520hours%2520ago%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BBonnie%2520Green%26lt%3B%2Fa%26gt%3B%2520moved%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bfont-medium%2520text-heading%2520hover%3Aunderline%26%2334%3B%26gt%3BJese%2520Leos%26lt%3B%2Fa%26gt%3B%2520to%2520%26lt%3Bspan%2520class%3D%26%2334%3Bbg-neutral-secondary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3BFunny%2520Group%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%26lt%3B%2Fol%26gt%3B%253C%2Fcode">
              

              
            

            
          

        

      



Grouped timeline
 #
Use this component to group multiple data entries inside a single date and show elements like the avatar, title, description, tag and link to a relevant page.


    
      
      
        
           Edit on GitHub
        
      
      
      
        
        
          
              Toggle full screen
              
          
        
        
        
          
              Toggle tablet view
              
          
        
        
        
        
            Toggle mobile view
            
        
      
      
        
         
        
            Toggle RTL mode
            
        

          
          
              Toggle dark mode
              
          
          
    
  

  
    
      
        </head><body  class='p-5 bg-neutral-primary antialiased '><div id='exampleWrapper' class=''>
&lt;div class=&#34;p-5 bg-neutral-secondary-soft border border-default rounded-base mb-4&#34;&gt;
    &lt;time class=&#34;text-lg font-semibold text-heading&#34;&gt;January 15th, 2025&lt;/time&gt;
    &lt;ol class=&#34;mt-3 divide-y divide-default&#34;&gt;
        &lt;li&gt;
            &lt;a href="/?originalUrl=https%3A%2F%2Fflowbite.com%2F%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-4.jpg%26%2334%3B%2520alt%3D%26%2334%3BLaura%2520Romeros%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BLaura%2520Romeros%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520How%2520to%2520start%2520with%2520Flowbite%2520library%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM3.933%252013.909A4.357%25204.357%25200%25200%25201%25203%252012c0-1%25204-6%25209-6m7.6%25203.8A5.068%25205.068%25200%25200%25201%252021%252012c0%25201-3%25206-9%25206-.314%25200-.62-.014-.918-.04M5%252019%252019%25205m-4%25207a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Private%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-2.jpg%26%2334%3B%2520alt%3D%26%2334%3BMike%2520Willi%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520text-body%2520mb-2%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BMike%2520Willi%26lt%3B%2Fspan%26gt%3B%2520react%2520to%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BThomas%2520Lean%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520comment%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-5.jpg%26%2334%3B%2520alt%3D%26%2334%3BJese%2520Leos%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BJese%2520Leos%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520How%2520to%2520start%2520with%2520Flowbite%2520library%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-3.jpg%26%2334%3B%2520alt%3D%26%2334%3BBonnie%2520Green%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520Top%2520figma%2520designs%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fol%26gt%3B%26lt%3B%2Fdiv%26gt%3B%26lt%3Bdiv%2520class%3D%26%2334%3Bp-5%2520bg-neutral-secondary-soft%2520border%2520border-default%2520rounded-base%2520mb-4%26%2334%3B%26gt%3B%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Btext-lg%2520font-semibold%2520text-heading%26%2334%3B%26gt%3BJanuary%252013th%2C%25202025%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%26lt%3Bol%2520class%3D%26%2334%3Bmt-3%2520divide-y%2520divide-default%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-4.jpg%26%2334%3B%2520alt%3D%26%2334%3BLaura%2520Romeros%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BLaura%2520Romeros%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520How%2520to%2520start%2520with%2520Flowbite%2520library%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM3.933%252013.909A4.357%25204.357%25200%25200%25201%25203%252012c0-1%25204-6%25209-6m7.6%25203.8A5.068%25205.068%25200%25200%25201%252021%252012c0%25201-3%25206-9%25206-.314%25200-.62-.014-.918-.04M5%252019%252019%25205m-4%25207a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Private%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-2.jpg%26%2334%3B%2520alt%3D%26%2334%3BMike%2520Willi%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520text-body%2520mb-2%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BMike%2520Willi%26lt%3B%2Fspan%26gt%3B%2520react%2520to%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BThomas%2520Lean%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520comment%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-5.jpg%26%2334%3B%2520alt%3D%26%2334%3BJese%2520Leos%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BJese%2520Leos%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520How%2520to%2520start%2520with%2520Flowbite%2520library%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-3.jpg%26%2334%3B%2520alt%3D%26%2334%3BBonnie%2520Green%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520Top%2520figma%2520designs%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fol%26gt%3B%26lt%3B%2Fdiv%26gt%3B%253C%2Fdiv"><script src="/?originalUrl=https%3A%2F%2Fflowbite.com%2Fdocs%2Fflowbite.min.js"></script><script>window.onload = function () { const anchorTags = document.querySelectorAll('a'); anchorTags.forEach(function(a){a.addEventListener('click', function(ev){ev.preventDefault();})});  const dropdownEl = document.querySelector('[data-dropdown-toggle]'); if (dropdownEl) {dropdownEl.click();} const modalEl = document.querySelector('[data-modal-toggle]'); if(modalEl) {modalEl.click(); }  const dateRangePickerEl = document.querySelector('[data-rangepicker] input'); if (dateRangePickerEl) { dateRangePickerEl.focus(); } const drawerEl = document.querySelector('[data-drawer-show]'); if (drawerEl) { drawerEl.click(); }  }</script></body></html>" frameborder="0">
        
          
            
            Loading...
        
      
      
    
  

        
            
              
                
                  
                
                
              
              
                
                
                  
                      Copy to clipboard
                      
                  
                
                

    January 15th, 2025
    
        
            
                
                
                    Laura Romeros likes Bonnie Green's post in  How to start with Flowbite library
                    "I wanted to share a webinar zeroheight."
                    
                        
                        Private
                    
                
            
        
        
            
                
                
                    Mike Willi react to Thomas Lean's comment
                    
                        
                        Public
                    
                
            
        
        
            
                
                
                    Jese Leos likes Bonnie Green's post in  How to start with Flowbite library
                    "I wanted to share a webinar zeroheight."
                    
                        
                        Public
                    
                
            
        
        
            
                
                
                    Bonnie Green likes Bonnie Green's post in  Top figma designs
                    "I wanted to share a webinar zeroheight."
                    
                        
                        Public
                     
                
            
        
    


    January 13th, 2025
    
        
            
                
                
                    Laura Romeros likes Bonnie Green's post in  How to start with Flowbite library
                    "I wanted to share a webinar zeroheight."
                    
                        
                        Private
                    
                
            
        
        
            
                
                
                    Mike Willi react to Thomas Lean's comment
                    
                        
                        Public
                    
                
            
        
        
            
                
                
                    Jese Leos likes Bonnie Green's post in  How to start with Flowbite library
                    "I wanted to share a webinar zeroheight."
                    
                        
                        Public
                    
                
            
        
        
            
                
                
                    Bonnie Green likes Bonnie Green's post in  Top figma designs
                    "I wanted to share a webinar zeroheight."
                    
                        
                        Public
                     
                
            
        
    


              
            
          
            
              
                <div class="p-5 bg-neutral-secondary-soft border border-default rounded-base mb-4">
    <time class="text-lg font-semibold text-heading">January 15th, 2025</time>
    <ol class="mt-3 divide-y divide-default">
        <li>
            <a href="/?originalUrl=https%3A%2F%2Fflowbite.com%2F%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-4.jpg%26%2334%3B%2520alt%3D%26%2334%3BLaura%2520Romeros%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BLaura%2520Romeros%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520How%2520to%2520start%2520with%2520Flowbite%2520library%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM3.933%252013.909A4.357%25204.357%25200%25200%25201%25203%252012c0-1%25204-6%25209-6m7.6%25203.8A5.068%25205.068%25200%25200%25201%252021%252012c0%25201-3%25206-9%25206-.314%25200-.62-.014-.918-.04M5%252019%252019%25205m-4%25207a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Private%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-2.jpg%26%2334%3B%2520alt%3D%26%2334%3BMike%2520Willi%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520text-body%2520mb-2%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BMike%2520Willi%26lt%3B%2Fspan%26gt%3B%2520react%2520to%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BThomas%2520Lean%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520comment%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-5.jpg%26%2334%3B%2520alt%3D%26%2334%3BJese%2520Leos%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BJese%2520Leos%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520How%2520to%2520start%2520with%2520Flowbite%2520library%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-3.jpg%26%2334%3B%2520alt%3D%26%2334%3BBonnie%2520Green%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520Top%2520figma%2520designs%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fol%26gt%3B%26lt%3B%2Fdiv%26gt%3B%26lt%3Bdiv%2520class%3D%26%2334%3Bp-5%2520bg-neutral-secondary-soft%2520border%2520border-default%2520rounded-base%2520mb-4%26%2334%3B%26gt%3B%2520%2520%2520%2520%26lt%3Btime%2520class%3D%26%2334%3Btext-lg%2520font-semibold%2520text-heading%26%2334%3B%26gt%3BJanuary%252013th%2C%25202025%26lt%3B%2Ftime%26gt%3B%2520%2520%2520%2520%26lt%3Bol%2520class%3D%26%2334%3Bmt-3%2520divide-y%2520divide-default%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-4.jpg%26%2334%3B%2520alt%3D%26%2334%3BLaura%2520Romeros%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BLaura%2520Romeros%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520How%2520to%2520start%2520with%2520Flowbite%2520library%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-linecap%3D%26%2334%3Bround%26%2334%3B%2520stroke-linejoin%3D%26%2334%3Bround%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM3.933%252013.909A4.357%25204.357%25200%25200%25201%25203%252012c0-1%25204-6%25209-6m7.6%25203.8A5.068%25205.068%25200%25200%25201%252021%252012c0%25201-3%25206-9%25206-.314%25200-.62-.014-.918-.04M5%252019%252019%25205m-4%25207a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Private%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-2.jpg%26%2334%3B%2520alt%3D%26%2334%3BMike%2520Willi%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520text-body%2520mb-2%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BMike%2520Willi%26lt%3B%2Fspan%26gt%3B%2520react%2520to%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BThomas%2520Lean%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520comment%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-5.jpg%26%2334%3B%2520alt%3D%26%2334%3BJese%2520Leos%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BJese%2520Leos%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520How%2520to%2520start%2520with%2520Flowbite%2520library%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bli%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Ba%2520href%3D%26%2334%3B%23%26%2334%3B%2520class%3D%26%2334%3Bitems-center%2520block%2520p-3%2520sm%3Aflex%2520hover%3Abg-neutral-tertiary%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bimg%2520class%3D%26%2334%3Bw-12%2520h-12%2520mb-3%2520me-3%2520rounded-full%2520sm%3Amb-0%26%2334%3B%2520src%3D%26%2334%3B%2Fdocs%2Fimages%2Fpeople%2Fprofile-picture-3.jpg%26%2334%3B%2520alt%3D%26%2334%3BBonnie%2520Green%2520image%26%2334%3B%2F%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-body%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-base%2520font-normal%2520mb-1%26%2334%3B%26gt%3B%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26lt%3B%2Fspan%26gt%3B%2520likes%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3BBonnie%2520Green%26%2339%3Bs%26lt%3B%2Fspan%26gt%3B%2520post%2520in%2520%26lt%3Bspan%2520class%3D%26%2334%3Bfont-medium%2520text-heading%26%2334%3B%26gt%3B%2520Top%2520figma%2520designs%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bdiv%2520class%3D%26%2334%3Btext-sm%2520font-normal%2520mb-2%26%2334%3B%26gt%3B%26%2334%3BI%2520wanted%2520to%2520share%2520a%2520webinar%2520zeroheight.%26%2334%3B%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bspan%2520class%3D%26%2334%3Binline-flex%2520items-center%2520bg-neutral-primary-medium%2520border%2520border-default-medium%2520text-heading%2520text-xs%2520font-medium%2520px-1.5%2520py-0.5%2520rounded%26%2334%3B%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3Bsvg%2520class%3D%26%2334%3Bw-3%2520h-3%2520me-1%26%2334%3B%2520aria-hidden%3D%26%2334%3Btrue%26%2334%3B%2520xmlns%3D%26%2334%3Bhttp%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%26%2334%3B%2520width%3D%26%2334%3B24%26%2334%3B%2520height%3D%26%2334%3B24%26%2334%3B%2520fill%3D%26%2334%3Bnone%26%2334%3B%2520viewBox%3D%26%2334%3B0%25200%252024%252024%26%2334%3B%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM21%252012c0%25201.2-4.03%25206-9%25206s-9-4.8-9-6c0-1.2%25204.03-6%25209-6s9%25204.8%25209%25206Z%26%2334%3B%2F%26gt%3B%26lt%3Bpath%2520stroke%3D%26%2334%3BcurrentColor%26%2334%3B%2520stroke-width%3D%26%2334%3B2%26%2334%3B%2520d%3D%26%2334%3BM15%252012a3%25203%25200%25201%25201-6%25200%25203%25203%25200%25200%25201%25206%25200Z%26%2334%3B%2F%26gt%3B%26lt%3B%2Fsvg%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520Public%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fspan%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fdiv%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fa%26gt%3B%2520%2520%2520%2520%2520%2520%2520%2520%26lt%3B%2Fli%26gt%3B%2520%2520%2520%2520%26lt%3B%2Fol%26gt%3B%26lt%3B%2Fdiv%26gt%3B%253C%2Fcode">
              

              
            

            
          

        

      




            
              
                
                  
                  Tabs
                
              
              
              
                Toast
                
              
              
            

            
              Get more updates...
              Do you want to get notified when a new component is added to Flowbite? Sign up for our newsletter and you'll be among the first to find out about new features, components, versions, and tools.
              
              
                  
                      
                      
                          
                              Email address
                              
                                

                              
                              
                          
                          
                      
                  
              
              By subscribing, you agree with ConvertKit's Terms of Service and Privacy Policy.



        
        
          
          
            
              On this page
              
  
    Default timeline
    Vertical timeline
    Stepper timeline
    Activity log
    Grouped timeline
  

              
              
                 
                  
                  
                  Learn Design Concepts
                  Make better Flowbite pages by learning the fundamentals of design
                  
                    Teach Me Design
                    by Adrian Twarog

Tailwind CSS Timeline - Flowbite

Default timeline #

Application UI code in Tailwind CSS

Marketing UI design in Figma

E-Commerce UI code in Tailwind CSS

Vertical timeline #

Flowbite Application UI v2.0.0 Latest

Flowbite Figma v1.3.0

Flowbite Library v1.2.2

Stepper timeline #

Flowbite Library v1.0.0

Flowbite Library v1.2.0

Flowbite Library v1.3.0

Activity log #

Grouped timeline #

On this page