Shadcn Studio - Shadcn UI Components, Blocks & Templates

Default table.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

Loading component...

Bordered table.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

Loading component...

Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

Rounded corner table

Loading component...

Table with vertical lines.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

Loading component...

Table without border.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

Loading component...

Striped rows table.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

Loading component...

Striped columns table.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

Loading component...

Highlight row table.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

Loading component...

Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
INV008	Paid	Debit Card	$350.00
INV009	Pending	Google Pay	$969.00
INV010	Unpaid	Apple Pay	$815.00
Total			$2,500.00

Overflow scroll table

Loading component...

Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
INV008	Paid	Debit Card	$350.00
INV009	Pending	Google Pay	$969.00
INV010	Unpaid	Apple Pay	$815.00
Total			$2,500.00

Sticky header table

Loading component...

ID	Name	Occupation	Employer	Email	Location	Last Access	Salary
1	Alice Smith	Software Engineer	Alpha Tech	alice@example.com	United States	12/16/2021	$120,000
2	Bob Johnson	Marketing Manager	Beta Corp	bob@example.com	Canada	11/05/2021	$100,000
3	Charlie Brown	Graphic Designer	Gamma Studios	charlie@example.com	United Kingdom	09/20/2022	$75,000
4	Dora Emily	HR Manager	Delta Corp	dora@example.com	Australia	08/10/2020	$40,000
5	Ethan Hunt	Secret Agent	Eagle Eye	ethan@example.com	India	11/20/2021	$220,000
6	Fiona Brown	Financial Analyst	Fox Finance	fiona@example.com	France	07/05/2021	$150,000
7	George Wilson	Project Manager	Gazelle Technologies	george@example.com	Brazil	05/25/2021	$135,000

Sticky column table

Loading component...

Vertical table

Loading component...

Name	Email	Location	Status	Balance
PG Philip George	philipgeorge20@gmail.com	Mumbai, India	Active	$10,696.00
TC Tiana Curtis	tiana12@yahoo.com	New York, US	applied	$0.00
JD Jaylon Donin	jaylon23d.@outlook.com	Washington, US	Active	$569.00
KY Kim Yim	kim96@gmail.com	Busan, South Korea	Inactive	-$506.90

Table with avatar

Loading component...

Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

Table with pagination

Loading component...

	Name	Email	Location	Status	Balance
	Philip George	philipgeorge20@gmail.com	Mumbai, India	Active	$10,696.00
	Sarah Chen	sarah.c@company.com	Singapore	Active	$600.00
	James Wilson	j.wilson@company.com	London, UK	Inactive	$650.00
	Maria Garcia	m.garcia@company.com	Madrid, Spain	Active	$0.00
	David Kim	d.kim@company.com	Seoul, KR	Active	-$1,000.00
Total					$2,500.00

Table with row selection

Loading component...

Product	Color	Category	Price
WGC Chair Wooden Garden Chair	Black	Furniture	$269.09
J1R Nike Shoes Jordan 1 Retro OG	Red	Sneakers	$150.00
O7P OnePluse OnePlus 7 Pro	Nebula Blue	Smartphone	$869.00
NS Nintendo Nintendo Switch	Neon Blue and Red	Console Gaming	$499.00
AMM Apple Magic Mouse Apple Magic Mouse	Black	Electronics	$110.29

Product Table

Loading component...