Free tailwind css components

4 components in the boxed layout section

  • Light with white page title grey background
  • Dark with border above page title
  • Light with grey background
  • Bg image in header

2 components in the footer section

  • Footer with sitemap
  • Blue background with yellow sphere

3 component in the page heading section

  • Grey with breadcrumbs
  • Simple with buttons
  • Simple with breadcrumbs

1 components in the advance table section

  • Compact table with actions and select

4 components in the lists section

  • Simple list
  • 5 wol with checkbox
  • Expanded list with colored reminder
  • 4 column list with avatar

1 components in the notification section

  • Multiple action with avatar separator

4 components in the horizontal navigation section

  • Left aligned with centered logo
  • Left aligned with icons
  • Simple with right aligned avatar and notifications
  • Alternate black hamburger menu with centered logo

1 component in the CTA section

  • Alternating description with cards

3 components in the sidebar layout section

  • Light with sub nav
  • Light with headers
  • Light with icons at bottom

1 component in the cards type section

  • 6 col divided in half left and right

1 component in the testimonials section

  • Indigo with chevrons

1 component in the team section

  • Gray background with description

3 components in the hero section

  • Gradient with large title and search
  • Left aligned with illustration
  • Centre aligned with image

1 component in the stats section

  • 4 col with map

2 components in card headings section

  • Simple with button
  • With avatar and buttons

2 components in the vertical navigation section

  • 2 Column with icon active
  • Simple with notifications

2 components in the grids section

  • 3 X 3 X 3 X 3 col grid
  • 12 col grid

2 component in the tabs section

  • Active black
  • White bg active gray

9 components in the grid card section

  • 3 col list card with action buttons
  • 3 col user profile card
  • 6 col listing card
  • Simple with heading and 2 buttons
  • Task card with right-aligned button
  • Single card with title and description
  • Medium stat cards with icon
  • Full-width user profile card
  • Full width 3 section project card

3 components in the action panel section

  • Text field and button
  • Simple with toggle on top
  • Simple with toggle

1 components in the form layouts section

  • Form card with inputs

1 components in the sign in section

  • Indigo full page

1 components in the modal section

  • Centre aligned short

1 components in the popover section

  • Popover with list and actions

1 component in the progress bars section

  • Simple broad

1 component in the FAQ section

  • Left aligned links with gradient

2 components in the blog section

  • 2 column with main and supporting
  • Blog large

1 component in the contact section

  • 4 cards and 5 inputs

3 components in the feature section

  • Video with message from a person
  • 3 By 3 card style with icons
  • Icon and text

1 component in the card type section

  • Full width divided into three

2 components in pagination section

  • First last
  • Dots arrows

©2021 TUK. All rights reserved