Github stars button

Display the GitHub stars received by your project

This tailwind example is contributed by Benjamin Ng, on 01-Jun-2023. Component is made with Tailwind v3.4. It is responsive.

Button

Author Benjamin Ng

Tailwind v3.4 9.3k 17

Fork Fullscreen

<a class="flex" href="">

<div class="flex h-10 w-10 items-center justify-center space-x-2 rounded-md border border-muted bg-muted">
        <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" class="h-5 w-5">
            <path
                d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z">
            </path>
        </svg>
    </div>

<div class="flex items-center">
        <div class="h-4 w-4 border-y-8 border-l-0 border-r-8 border-solid border-gray-100 border-y-transparent"></div>
        <div class="flex h-10 items-center rounded-md bg-gray-100 px-4 font-medium">
            40K stars on GitHub
        </div>
    </div>
    
</a>

Related Examples

gradient button

Akram Khan

2 years ago

2.8k
Button
Material Button

Akram Khan

2 years ago

3k
Primary secondary button pair

Iris Callahan

2 years ago

2.2k
Sign in with buttons

Simon Scheffer

3 years ago

12k
Contact Spinner
Contact button spinning

$$@(\/)(\/)¥$ $@(\/)(\/)¥

2 years ago

6.5k
Hamburger menu button with hover effect

_Amar_

3 years ago

18.4k
Button
Material Button

Akram Khan

2 years ago

2.1k
Simple buttons for links

Amit Pachange

3 years ago

11.6k
Get it on Google Play button dark

Simon Scheffer

3 years ago

13k
Button with a gradient border using Tailwind CSS

Dipti narayan

3 years ago

13.8k
Menu button

Freja Jensen

3 years ago

17k
Google login/signup button
Styled button designed for users to log in or authenticate using their Google account. The button features a Google logo (represented by an SVG image) on the left and the text "Login with Google" on the right.

Shakti

3 years ago

41.8k

Browse by topic

Explore components by Tags

Jump straight to the UI pattern you need.

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.