NerdfishUI

Grid

Grid is a component that can be used to create a grid of items.

View on GitHub
Save Recipes

Save Recipes

We automatically save your recipes as you type.

Learn more
Recipe Search

Recipe Search

Search through all your recipes in one place.

Learn more
Multilingual Recipes

Multilingual Recipes

Supports recipes in 100+ languages and counting.

Learn more
Meal Planner

Meal Planner

Use the calendar to plan your meals by date.

Learn more
Cooking Notifications

Cooking Notifications

Get notified when a new recipe is shared or when it's time to cook.

Learn more

Usage

import { Grid } from '@nerdfish/ui'
<Grid.Root className="lg:grid-rows-3">
	<Grid.Card className="lg:col-start-2 lg:col-end-3 lg:row-start-1 lg:row-end-4">
		Content
	</Grid.Card>
	<Grid.Card className="lg:col-start-1 lg:col-end-2 lg:row-start-1 lg:row-end-3">
		Content
	</Grid.Card>
</Grid.Root>