Svelte Animations
Back

Bento Grid

Bento grid is a layout used to showcase the features of a product in a simple and elegant way.
Below Components include 4 Minor Components : BentoCalendar, BentoCommand, BentoComposable, BentoMarquee
Visit to view the example.

Tailwind CSS
bitcoin.pdf
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
finances.xlsx
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
logo.svg
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
keys.gpg
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
seed.txt
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
bitcoin.pdf
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
finances.xlsx
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
logo.svg
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
keys.gpg
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
seed.txt
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
bitcoin.pdf
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
finances.xlsx
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
logo.svg
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
keys.gpg
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
seed.txt
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.
bitcoin.pdf
Bitcoin is a cryptocurrency invented in 2008 by an unknown person or group of people using the name Satoshi Nakamoto.
finances.xlsx
A spreadsheet or worksheet is a file made of rows and columns that help sort data, arrange data easily, and calculate numerical data.
logo.svg
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation.
keys.gpg
GPG keys are used to encrypt and decrypt email, files, directories, and whole disk partitions and to authenticate messages.
seed.txt
A seed phrase, seed recovery phrase or backup seed phrase is a list of words which store all the information needed to recover Bitcoin funds on-chain.

Save your files

We automatically save your files as you type.

Sveltekit
is
Fun

Code Editor

Coding is fun with Editors

December 2024
Su Mo Tu We Th Fr Sa
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4

Calendar

Use the calendar to filter your files by date.

BentoGridExample.svelte
Loading...

Component Usage

Copy the below component code and paste it. Checkout Above Example for Usage

Install Dependencies
Loading...
lib/utils.ts
Loading...
BentoGrid.svelte
Loading...
BentoCard.svelte
Loading...