Skip to content
Search

DEV Community

Cover image for Free 10 new Chakra UI components - TemplatesKart
Muhammad Ahmad
Muhammad Ahmad

Posted on • Originally published at mahmad.me

 

Free 10 new Chakra UI components - TemplatesKart

#react #webdev #showdev #chakraui

Let's find out 10 new chakra-ui components that I added to TemplatesKart website recently.

Links

Website: TemplatesKart
Github Repo: TemplatesKart Code

Components overview

  1. Heroes

    • With gradient cover
    • Simply centered

  2. Blog

    • Newsletter

  3. Cards

    • Join community

  4. Navbars

    • Multiple links
    • Simple one

  5. Testimonials

    • Card with border

  6. Page Sections

    • Small detail

  7. Footers

    • With logo left
    • Large with logo left

Some Components Screenshots

Newsletters
Blog Image

Join community card
Card Image

Navbars
Navbars Image

Hero section with gradient
Hero Section

Testimonial
Testimonial Image

Show your support
Give a ⭐️ on Github if you like my work! 🙏

Top comments (0)

DEV Community

Top Posts from the React Ecosystem

1. Changes In The Official React Documentation

The former React Docs Beta has been officially released as the updated React documentation at react.dev after years of hard work and refinement. Check out the brand new React Docs: What’s New in the Updated React Docs

2. CRA's Time is Over

React developer team has removed create-react-app (CRA) from official documentation rendering it no longer the default setup method for new projects. The bulky setup, slow, and outdated nature of CRA led to its removal: create-react-app is officially dead

3. How to Fetch Dev.to Articles for Your Portfolio

Integrate the articles of your Dev.to profile into your personal portfolio with either React, Vue, or Next.js by following these simple steps. It outlines how to include frontend to pull the information and correctly utilizes the Dev.to API: How to Fetch Your Dev.to Articles for Your Portfolio with React

Read next

safa_emhemed profile image

10 Best Practices for Ecommerce Checkout Design

Safa Emhemed -

rhg profile image

Elm for React developers

Ryan Haskell-Glatz -

j471n profile image

Typescript: Enums

Jatin Sharma -

cherypick profile image

Micro-frontends communication approaches

Dmitry Ruban -