├── .commitlintrc.yml ├── .github └── workflows │ ├── npmpublish.yml │ ├── pages.yml │ └── tests.yml ├── .gitignore ├── .husky ├── commit-msg ├── pre-commit └── pre-push ├── .lintstagedrc.yml ├── .oxlintrc.json ├── .prettierrc.yml ├── .vscode ├── extensions.json └── launch.json ├── CHANGELOG.md ├── LICENSE ├── README.md ├── docs ├── README.md ├── astro.config.ts ├── package-lock.json ├── package.json ├── public │ └── favicon.svg ├── src │ ├── components │ │ ├── AnimatedCard.tsx │ │ ├── AnimatedLayout.tsx │ │ ├── Card.tsx │ │ ├── Demo.tsx │ │ ├── FixedLayout.tsx │ │ ├── ResponsiveLayout.tsx │ │ ├── images.ts │ │ └── random-author.ts │ ├── content │ │ ├── config.ts │ │ └── docs │ │ │ ├── examples │ │ │ ├── animated.mdx │ │ │ ├── fixed.mdx │ │ │ └── responsive.mdx │ │ │ ├── guides │ │ │ └── installation.mdx │ │ │ └── index.mdx │ ├── env.d.ts │ ├── layouts │ │ └── ExampleLayout.astro │ └── styles │ │ └── tailwind.css └── tsconfig.json ├── package.json ├── src ├── Masonry.tsx ├── breakpoints.ts ├── context.ts ├── env.d.ts ├── index.ts ├── types.ts ├── useCoulmnsCount.ts ├── useMasonry.ts └── useWindowWidth.ts ├── test ├── Masonry.spec.tsx ├── breakpoints.spec.ts ├── context.test.tsx ├── setup.ts ├── useCoulmnsCount.spec.ts ├── useMasonry.spec.tsx └── useWindowWidth.spec.ts ├── tsconfig.json ├── tsdown.config.ts └── vitest.config.ts /.commitlintrc.yml: -------------------------------------------------------------------------------- 1 | extends: non-conventional 2 | -------------------------------------------------------------------------------- /.github/workflows/npmpublish.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.github/workflows/npmpublish.yml -------------------------------------------------------------------------------- /.github/workflows/pages.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.github/workflows/pages.yml -------------------------------------------------------------------------------- /.github/workflows/tests.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.github/workflows/tests.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.gitignore -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.husky/commit-msg -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | npx --no lint-staged 2 | -------------------------------------------------------------------------------- /.husky/pre-push: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.husky/pre-push -------------------------------------------------------------------------------- /.lintstagedrc.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.lintstagedrc.yml -------------------------------------------------------------------------------- /.oxlintrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.oxlintrc.json -------------------------------------------------------------------------------- /.prettierrc.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.prettierrc.yml -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.vscode/extensions.json -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/.vscode/launch.json -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/CHANGELOG.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/README.md -------------------------------------------------------------------------------- /docs/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/README.md -------------------------------------------------------------------------------- /docs/astro.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/astro.config.ts -------------------------------------------------------------------------------- /docs/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/package-lock.json -------------------------------------------------------------------------------- /docs/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/package.json -------------------------------------------------------------------------------- /docs/public/favicon.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/public/favicon.svg -------------------------------------------------------------------------------- /docs/src/components/AnimatedCard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/components/AnimatedCard.tsx -------------------------------------------------------------------------------- /docs/src/components/AnimatedLayout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/components/AnimatedLayout.tsx -------------------------------------------------------------------------------- /docs/src/components/Card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/components/Card.tsx -------------------------------------------------------------------------------- /docs/src/components/Demo.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/components/Demo.tsx -------------------------------------------------------------------------------- /docs/src/components/FixedLayout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/components/FixedLayout.tsx -------------------------------------------------------------------------------- /docs/src/components/ResponsiveLayout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/components/ResponsiveLayout.tsx -------------------------------------------------------------------------------- /docs/src/components/images.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/components/images.ts -------------------------------------------------------------------------------- /docs/src/components/random-author.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/components/random-author.ts -------------------------------------------------------------------------------- /docs/src/content/config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/content/config.ts -------------------------------------------------------------------------------- /docs/src/content/docs/examples/animated.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/content/docs/examples/animated.mdx -------------------------------------------------------------------------------- /docs/src/content/docs/examples/fixed.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/content/docs/examples/fixed.mdx -------------------------------------------------------------------------------- /docs/src/content/docs/examples/responsive.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/content/docs/examples/responsive.mdx -------------------------------------------------------------------------------- /docs/src/content/docs/guides/installation.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/content/docs/guides/installation.mdx -------------------------------------------------------------------------------- /docs/src/content/docs/index.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/content/docs/index.mdx -------------------------------------------------------------------------------- /docs/src/env.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/env.d.ts -------------------------------------------------------------------------------- /docs/src/layouts/ExampleLayout.astro: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | -------------------------------------------------------------------------------- /docs/src/styles/tailwind.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/src/styles/tailwind.css -------------------------------------------------------------------------------- /docs/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/docs/tsconfig.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/package.json -------------------------------------------------------------------------------- /src/Masonry.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/src/Masonry.tsx -------------------------------------------------------------------------------- /src/breakpoints.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/src/breakpoints.ts -------------------------------------------------------------------------------- /src/context.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/src/context.ts -------------------------------------------------------------------------------- /src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/src/types.ts -------------------------------------------------------------------------------- /src/useCoulmnsCount.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/src/useCoulmnsCount.ts -------------------------------------------------------------------------------- /src/useMasonry.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/src/useMasonry.ts -------------------------------------------------------------------------------- /src/useWindowWidth.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/src/useWindowWidth.ts -------------------------------------------------------------------------------- /test/Masonry.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/test/Masonry.spec.tsx -------------------------------------------------------------------------------- /test/breakpoints.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/test/breakpoints.spec.ts -------------------------------------------------------------------------------- /test/context.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/test/context.test.tsx -------------------------------------------------------------------------------- /test/setup.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/test/setup.ts -------------------------------------------------------------------------------- /test/useCoulmnsCount.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/test/useCoulmnsCount.spec.ts -------------------------------------------------------------------------------- /test/useMasonry.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/test/useMasonry.spec.tsx -------------------------------------------------------------------------------- /test/useWindowWidth.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/test/useWindowWidth.spec.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsdown.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/tsdown.config.ts -------------------------------------------------------------------------------- /vitest.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sibiraj-s/react-layout-masonry/HEAD/vitest.config.ts --------------------------------------------------------------------------------