StarterKit

Next.js projeleriniz için başlangıç kiti

State Managements Buttons Inputs Form Tools Accordion Carousel FlowingCarousel List Grid SortableList Image Graphic Table

State Management (zustand)

State Management (redux)

Buttons

asChild

Bu bir örneğidir.

Inputs

E-Posta

Bu bir hata mesajı örneğidir

Şifre

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Seçenek 0

Seçenek 1

Seçenek 2

Seçenek 0

Seçenek 1

Seçenek 2

Slider: (5 : 25)

Form

Tools

Sticky

Yapışkan

CustomTimer örneği

00:10:00

Countdown örneği

Loading örneği

Bu bir Link örneğidir.

Link örneği

Lottie örneği

Popup örneği

OTP Popup örneği

SideDrawer örneği

Tema örneği

Hoş geldin!

Çoklu dil örneği

Accordion

Carousel

1
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vero laboriosam corporis ipsum ipsa esse a nobis laborum vitae! Asperiores iste error sapiente voluptatum amet ullam dignissimos ea nemo ipsum! Ipsa. lorem

2
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vero laboriosam corporis ipsum ipsa esse a nobis laborum vitae! Asperiores iste error sapiente voluptatum amet ullam dignissimos ea nemo ipsum! Ipsa. lorem

3
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vero laboriosam corporis ipsum ipsa esse a nobis laborum vitae! Asperiores iste error sapiente voluptatum amet ullam dignissimos ea nemo ipsum! Ipsa. lorem

4
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vero laboriosam corporis ipsum ipsa esse a nobis laborum vitae! Asperiores iste error sapiente voluptatum amet ullam dignissimos ea nemo ipsum! Ipsa. lorem

5
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vero laboriosam corporis ipsum ipsa esse a nobis laborum vitae! Asperiores iste error sapiente voluptatum amet ullam dignissimos ea nemo ipsum! Ipsa. lorem

FlowingCarousel

List

Grid

SortableList

Item 0

Item 1

Item 2

Item 3

Item 4

Image

Cover - Left

Cover - Right

Contain - Top

Contain - Bottom

Zoom

Error Image

Crop Image

Two Image

Image Preview (Click)

Image List Preview (Click)

Graphic

Table

Id	Kategori	Fiyat	Başlık	Açıklama
10	Clothes	121	Classic Blue Baseball Cap	Top off your casual look with our Classic Blue Baseball Cap, made from high-quality materials for la...
12	Clothes	58	Classic Black Baseball Cap	Elevate your casual wear with this timeless black baseball cap. Made with high-quality, breathable f...
13	Clothes	84	Classic Olive Chino Shorts	Elevate your casual wardrobe with these classic olive chino shorts. Designed for comfort and versati...
14	Clothes	43	Classic High-Waisted Athletic Shorts	Stay comfortable and stylish with our Classic High-Waisted Athletic Shorts. Designed for optimal mov...
16	Clothes	73	Classic White Tee - Timeless Style and Comfort	Elevate your everyday wardrobe with our Classic White Tee. Crafted from premium soft cotton material...
17	Clothes	35	Classic Black T-Shirt	Elevate your everyday style with our Classic Black T-Shirt. This staple piece is crafted from soft, ...
18	Electronics	69	Sleek White & Orange Wireless Gaming Controller	Elevate your gaming experience with this state-of-the-art wireless controller, featuring a crisp whi...
20	Electronics	28	Sleek Comfort-Fit Over-Ear Headphones	Experience superior sound quality with our Sleek Comfort-Fit Over-Ear Headphones, designed for prolo...