Muhammad Ahmad

Posted on May 15, 2022 • Originally published at mahmad.me

Free 12 new Chakra UI components - TemplatesKart

#react #webdev #showdev #chakraui

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

Links

Website: TemplatesKart
Github Repo: TemplatesKart Code

Components overview

Milestones
- With cards on both sides
- With cards on one side
- With icons year-wise
Pricing
- Single tier
- Two tiers
Sidebars
- With header
- Without header
Page Sections
- CTA banner
- Mission section
- Overview section
Features
- With cards
- Simple 2 columns

Some Components Screenshots

Milestones

Pricing

Sidebar

Overview section

Features

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

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Top comments (2)

Prem Kumar G • Jul 19 '22 • Edited

great, thanks a lot...but sidebar is not opening for me on mobile view! but same code works on your templateskart website.

update :
issue was with "@chakra-ui/react": "^2.2.3" version, it works fine with ^2.2.1

Muhammad Ahmad • Jul 20 '22

Thanks for update

Accessible, sustainable, and creative web development

Ingo Steinke, web developer - Dec 16 '24

8 Modern No-code Tools to Boost Your Developer Workflow 🧑‍💻🚀

Madza - Dec 17 '24

Just Launched: Shopify’s BORING Edition!

DEV Launches - Dec 11 '24

Day 21: In the name of Progress! 📈

Valeria - Dec 21 '24

Youtube Tutorial Series

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

DEV Community