Use our Tailwind CSS Timeline
component in your web projects. The Timeline
can be used for displaying a list of events in order.
See below our beautiful Timeline
example that you can use in your Tailwind CSS and React project. The example also comes in different styles and colors so you can adapt it easily to your needs.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis, quaerat sunt ipsam repellendus explicabo culpa eum odio molestiae unde, iste doloremque maxime. Eligendi libero animi sapiente quaerat inventore provident error.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis, quaerat sunt ipsam repellendus explicabo culpa eum odio molestiae unde, iste doloremque maxime. Eligendi libero animi sapiente quaerat inventore provident error.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis, quaerat sunt ipsam repellendus explicabo culpa eum odio molestiae unde, iste doloremque maxime. Eligendi libero animi sapiente quaerat inventore provident error.
Use the example below for a Timeline
component with icon.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis, quaerat sunt ipsam repellendus explicabo culpa eum odio molestiae unde, iste doloremque maxime. Eligendi libero animi sapiente quaerat inventore provident error.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis, quaerat sunt ipsam repellendus explicabo culpa eum odio molestiae unde, iste doloremque maxime. Eligendi libero animi sapiente quaerat inventore provident error.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis, quaerat sunt ipsam repellendus explicabo culpa eum odio molestiae unde, iste doloremque maxime. Eligendi libero animi sapiente quaerat inventore provident error.
Use the example below for a Timeline
component with avatar.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis, quaerat sunt ipsam repellendus explicabo culpa eum odio molestiae unde, iste doloremque maxime. Eligendi libero animi sapiente quaerat inventore provident error.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis, quaerat sunt ipsam repellendus explicabo culpa eum odio molestiae unde, iste doloremque maxime. Eligendi libero animi sapiente quaerat inventore provident error.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Corporis, quaerat sunt ipsam repellendus explicabo culpa eum odio molestiae unde, iste doloremque maxime. Eligendi libero animi sapiente quaerat inventore provident error.
Use the example below for a Timeline
component with activities.
22 DEC 7:20 PM
21 DEC 11 PM
20 DEC 2:20 AM