Browse Particles

Create project

Deploy your new project in one-click.

This will take a few seconds to complete.

A basic card with header and footer

Authentication card with actions

Enter email and password to login

The information you enter is encrypted and stored securely.

Authentication card with separators

Create project

Deploy your new project in one-click.

This will take a few seconds to complete.

Framed card with footer

Create project

Deploy your new project in one-click.

Framed card with header

Create project

Deploy your new project in one-click.

This will take a few seconds to complete.

Framed card with header and footer

Create project

Deploy your new project in one-click.

This will take a few seconds to complete.

Framed card with no rounded bottom

Create project

Deploy your new project in one-click.

Card within a frame and footer

Create project

Deploy your new project in one-click.

Card within a frame and footer

Create project

Deploy your new project in one-click.

Card within a frame with header and footer

Project

Manage your projects

No projects yet

Get started by adding your first project.

CardFrame with header action

Project	Status	Team	Budget
Website Redesign	Paid	Frontend Team	$12,500
Mobile App	Unpaid	Mobile Team	$8,750
API Integration	Pending	Backend Team	$5,200
Database Migration	Paid	DevOps Team	$3,800
User Dashboard	Paid	UX Team	$7,200
Security Audit	Failed	Security Team	$2,100
Total Budget			$39,550

CardFrame with card-style table

	Project	Status	Team	Budget
	Website Redesign	Paid	Frontend Team	$12,500
	Mobile App	Unpaid	Mobile Team	$8,750
	API Integration	Pending	Backend Team	$5,200
	Database Migration	Paid	DevOps Team	$3,800
	User Dashboard	Paid	UX Team	$7,200
	Security Audit	Failed	Security Team	$2,100
Total Budget				$39,550

CardFrame with TanStack Table and checkboxes

Flight	Time	Destination	Status	Terminal	Gate
WN4567	06:00 2h 30m 08:30	Denver	Boarding	2	I9
FX0123	07:15 1h 45m 09:00	Dallas	Boarding	1	H5
LH7890	07:30 2h 30m 10:00	Minneapolis	Cancelled	2	R7
YX5678	08:00 3h 20m 11:20	Washington	Delayed	2	O12
AA1234	08:30 5h 15m 11:45	Los Angeles	On Time	1	A12
TK6789	08:45 2h 45m 11:30	Raleigh	On Time	1	Y11
JB7890	09:00 5h 30m 12:30	Salt Lake City	Cancelled	2	E3
BA0123	09:15 3h 10m 12:25	Charlotte	On Time	2	U10
F92345	09:45 2h 15m 12:00	Chicago	Delayed	2	L11
VS3456	10:00 2h 45m 12:45	Indianapolis	On Time	2	Z4

Viewing

of 30 results

CardFrame with TanStack Table, sorting, and pagination

Create project

Deploy your new project in one-click.

This will take a few seconds to complete.

A basic card with header and footer

Authentication card with actions

Enter email and password to login

The information you enter is encrypted and stored securely.

Authentication card with separators

Create project

Deploy your new project in one-click.

This will take a few seconds to complete.

Framed card with footer

Create project

Deploy your new project in one-click.

Framed card with header

Create project

Deploy your new project in one-click.

This will take a few seconds to complete.

Framed card with header and footer

Create project

Deploy your new project in one-click.

This will take a few seconds to complete.

Framed card with no rounded bottom

Create project

Deploy your new project in one-click.

Card within a frame and footer

Create project

Deploy your new project in one-click.

Card within a frame and footer

Create project

Deploy your new project in one-click.

Card within a frame with header and footer

Project

Manage your projects

No projects yet

Get started by adding your first project.

CardFrame with header action

Project	Status	Team	Budget
Website Redesign	Paid	Frontend Team	$12,500
Mobile App	Unpaid	Mobile Team	$8,750
API Integration	Pending	Backend Team	$5,200
Database Migration	Paid	DevOps Team	$3,800
User Dashboard	Paid	UX Team	$7,200
Security Audit	Failed	Security Team	$2,100
Total Budget			$39,550

CardFrame with card-style table

	Project	Status	Team	Budget
	Website Redesign	Paid	Frontend Team	$12,500
	Mobile App	Unpaid	Mobile Team	$8,750
	API Integration	Pending	Backend Team	$5,200
	Database Migration	Paid	DevOps Team	$3,800
	User Dashboard	Paid	UX Team	$7,200
	Security Audit	Failed	Security Team	$2,100
Total Budget				$39,550

CardFrame with TanStack Table and checkboxes

Flight	Time	Destination	Status	Terminal	Gate
WN4567	06:00 2h 30m 08:30	Denver	Boarding	2	I9
FX0123	07:15 1h 45m 09:00	Dallas	Boarding	1	H5
LH7890	07:30 2h 30m 10:00	Minneapolis	Cancelled	2	R7
YX5678	08:00 3h 20m 11:20	Washington	Delayed	2	O12
AA1234	08:30 5h 15m 11:45	Los Angeles	On Time	1	A12
TK6789	08:45 2h 45m 11:30	Raleigh	On Time	1	Y11
JB7890	09:00 5h 30m 12:30	Salt Lake City	Cancelled	2	E3
BA0123	09:15 3h 10m 12:25	Charlotte	On Time	2	U10
F92345	09:45 2h 15m 12:00	Chicago	Delayed	2	L11
VS3456	10:00 2h 45m 12:45	Indianapolis	On Time	2	Z4

Viewing

of 30 results

CardFrame with TanStack Table, sorting, and pagination