Wickedblocks is one of the products of the week on producthunt, come and support!
COZ WE AIN'T
GOT TIME FOR THAT..
Tailwind CSS Blocks!
WICKEDBLOCKS is an
open source
growing collection
of layout blocks and components built with
Tailwind CSS V2 ready to copy paste on your Tailwind project. Bla, bla, bla...
12
Blocks
HEADERS
Left Headers.
This headers have text on the left side of the screen including zero to 2 call to action, on the
right side there's an image
or other assets.You can use them as a hero or within sections.
15
Blocks
HEADERS
Centered Headers.
This headers have text on top of none, one or two call to action, sometimes there's an image or
other assets, like text or call to actions as mentioned.You can use them as a hero or within
sections.
12
Blocks
HEADERS
Right Headers.
This headers have text on the right side of the screen with one or two call to action, on the
left side there's an image or other assets. You can use them as a hero or within sections.
4
Blocks
Authentication
Auth Components.
Authentication/Authorization is used by a server when the server needs to know exactly who is
accessing their information or site.
6
Blocks
E Commerce
Pricing.
The Pricing Table component is used to display price + features about your products. Cards and
tables are often used for this.
7
Blocks
TESTIMONIALS
Clients.
A website testimonial showcases the quality and success of a site’s products or services, this
ones can include:
Customer experiences,
Case studies,
Customer photos,
Video reviews,
Customer quotes, and even "plain Jane" logos.
16
Blocks
LAYOUT
Flexbox Grids.
The flex layout allows responsive elements within a container to be automatically arranged
depending upon screen size.
11
Blocks
DATA
Forms.
The form allows for user input and t is an interactive page that mimics a paper document or
form, where users fill out particular
fields with informaion.
13
Blocks
IMAGES
Galleries.
Galleries are a popular way of integrating images into a website, allowing users to see several
images clearly at once.
8
Blocks
MENU
Navigation.
Navigation allows visitors to flow from one page to another without frustration.
Without website navigation, your visitors can’t figure out how to find your blog, your email
signup page, your product
listings, pricing, contact information, your aunties picture or help docs.
10
Blocks
SubMenu
Footers.
The website footer is the section of content at the very bottom of a web page. It typically
contains a copyright notice,
link to a privacy policy, sitemap, logo, contact information, social media icons, and an email
sign-up form.( This last one i wouldnt add on a footer though...)