Soenneker.Blazor.Masonry 2.1.442

The ID prefix of this package has been reserved for one of the owners of this package by NuGet.org. Prefix Reserved
There is a newer version of this package available.
See the version list below for details.
dotnet add package Soenneker.Blazor.Masonry --version 2.1.442
NuGet\Install-Package Soenneker.Blazor.Masonry -Version 2.1.442
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Soenneker.Blazor.Masonry" Version="2.1.442" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Soenneker.Blazor.Masonry --version 2.1.442
#r "nuget: Soenneker.Blazor.Masonry, 2.1.442"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Soenneker.Blazor.Masonry as a Cake Addin
#addin nuget:?package=Soenneker.Blazor.Masonry&version=2.1.442

// Install Soenneker.Blazor.Masonry as a Cake Tool
#tool nuget:?package=Soenneker.Blazor.Masonry&version=2.1.442

alternate text is missing from this package README image alternate text is missing from this package README image alternate text is missing from this package README image

alternate text is missing from this package README image Soenneker.Blazor.Masonry

A Blazor interop library that integrates Masonry, the cascading grid layout library

Installation

dotnet add package Soenneker.Blazor.Masonry

Usage

  1. Insert the interop script, and the library script in wwwroot/index.html at the bottom of your <body>
<script src="_content/Soenneker.Blazor.Masonry/masonry.js"></script>
<script async src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI=" crossorigin="anonymous"></script>
  1. Register the interop within DI (Program.cs)
public static async Task Main(string[] args)
{
    ...
    builder.Services.AddMasonry();
}
  1. Inject IMasonryInterop within your App.Razor file
@using Soenneker.Blazor.Masonry.Abstract
@inject IMasonryInterop MasonryInterop
  1. Use Bootstrap Rows and columns on the page (<div class='row'></div>). Other selectors can be passed into the interop, .row is default.

  2. Initialize Masonry within your Razor code in the OnAfterRenderAsync override

protected override async Task OnAfterRenderAsync(bool firstRender)
{
    await MasonryInterop.Init();
}
Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
2.1.453 16 6/27/2024
2.1.452 14 6/27/2024
2.1.451 21 6/27/2024
2.1.450 22 6/27/2024
2.1.449 18 6/27/2024
2.1.448 28 6/27/2024
2.1.447 69 6/24/2024
2.1.446 63 6/24/2024
2.1.445 60 6/24/2024
2.1.444 64 6/24/2024
2.1.443 70 6/22/2024
2.1.442 64 6/22/2024
2.1.441 65 6/22/2024
2.1.440 101 6/15/2024
2.1.439 63 6/15/2024
2.1.438 66 6/15/2024
2.1.437 64 6/15/2024
2.1.436 57 6/15/2024
2.1.435 64 6/15/2024
2.1.434 63 6/15/2024
2.1.433 63 6/14/2024
2.1.432 95 6/4/2024
2.1.431 69 6/4/2024
2.1.430 89 6/2/2024
2.1.429 68 6/1/2024
2.1.428 67 6/1/2024
2.1.427 66 6/1/2024
2.1.426 62 6/1/2024
2.1.425 71 6/1/2024
2.1.424 63 6/1/2024
2.1.423 63 6/1/2024
2.1.422 64 5/31/2024
2.1.421 64 5/31/2024
2.1.420 77 5/31/2024
2.1.419 64 5/31/2024
2.1.418 73 5/29/2024
2.1.417 66 5/29/2024
2.1.416 62 5/29/2024
2.1.415 53 5/28/2024
2.1.414 57 5/28/2024
2.1.413 75 5/28/2024
2.1.412 61 5/28/2024
2.1.411 57 5/28/2024
2.1.410 62 5/28/2024
2.1.409 61 5/28/2024
2.1.408 65 5/27/2024
2.1.407 61 5/27/2024
2.1.406 64 5/27/2024
2.1.405 64 5/27/2024
2.1.404 63 5/26/2024
2.1.403 69 5/26/2024
2.1.402 74 5/26/2024
2.1.401 69 5/26/2024
2.1.400 67 5/26/2024
2.1.399 71 5/26/2024
2.1.398 69 5/25/2024
2.1.397 76 5/25/2024
2.1.396 78 5/25/2024
2.1.395 63 5/25/2024
2.1.394 64 5/25/2024
2.1.393 65 5/25/2024
2.1.392 76 5/23/2024
2.1.391 69 5/23/2024
2.1.390 69 5/23/2024
2.1.389 64 5/23/2024
2.1.388 74 5/23/2024
2.1.387 73 5/23/2024
2.1.386 70 5/22/2024
2.1.385 72 5/22/2024
2.1.384 74 5/22/2024
2.1.383 67 5/22/2024
2.1.382 88 5/18/2024
2.1.381 67 5/18/2024
2.1.380 76 5/18/2024
2.1.379 79 5/17/2024
2.1.378 91 5/17/2024
2.1.377 77 5/17/2024
2.1.376 70 5/16/2024
2.1.375 75 5/16/2024
2.1.374 75 5/16/2024
2.1.373 82 5/15/2024
2.1.372 62 5/15/2024
2.1.371 78 5/15/2024
2.1.370 76 5/14/2024
2.1.369 50 5/13/2024
2.1.368 48 5/13/2024
2.1.367 51 5/13/2024
2.1.366 120 4/30/2024
2.1.365 74 4/30/2024
2.1.364 76 4/30/2024
2.1.363 80 4/29/2024
2.1.362 81 4/29/2024
2.1.361 85 4/29/2024
2.1.360 73 4/29/2024
2.1.359 73 4/29/2024
2.1.358 73 4/28/2024
2.1.357 67 4/28/2024
2.1.356 69 4/28/2024
2.1.355 73 4/28/2024
2.1.354 78 4/28/2024
2.1.353 80 4/28/2024
2.1.352 80 4/28/2024
2.1.351 87 4/28/2024
2.1.350 79 4/27/2024
2.1.349 126 4/20/2024
2.1.348 74 4/20/2024
2.1.347 84 4/19/2024
2.1.346 77 4/19/2024
2.1.345 72 4/19/2024
2.1.344 70 4/19/2024
2.1.343 75 4/19/2024
2.1.342 76 4/19/2024
2.1.341 76 4/19/2024
2.1.340 77 4/19/2024
2.1.339 122 4/13/2024
2.1.338 82 4/13/2024
2.1.337 87 4/13/2024
2.1.336 71 4/12/2024
2.1.335 72 4/12/2024
2.1.334 77 4/12/2024
2.1.333 74 4/12/2024
2.1.332 86 4/12/2024
2.1.331 79 4/12/2024
2.1.330 88 4/12/2024
2.1.329 79 4/11/2024
2.1.328 69 4/10/2024
2.1.327 70 4/10/2024
2.1.326 72 4/10/2024
2.1.325 73 4/10/2024
2.1.324 77 4/10/2024
2.1.323 86 4/9/2024
2.1.322 139 4/3/2024
2.1.321 83 4/2/2024
2.1.320 72 4/2/2024
2.1.319 73 4/2/2024
2.1.318 84 4/1/2024
2.1.317 88 3/30/2024
2.1.316 75 3/29/2024
2.1.315 76 3/29/2024
2.1.314 93 3/25/2024
2.1.313 85 3/25/2024
2.1.312 84 3/25/2024
2.1.311 77 3/25/2024
2.1.310 106 3/21/2024
2.1.309 96 3/21/2024
2.1.308 85 3/20/2024
2.1.307 109 3/20/2024
2.1.306 87 3/19/2024
2.1.305 73 3/19/2024
2.1.304 95 3/19/2024
2.1.303 68 3/19/2024
2.1.302 87 3/19/2024
2.1.301 88 3/19/2024
2.1.300 81 3/18/2024
2.1.299 88 3/18/2024
2.1.298 129 3/16/2024
2.1.297 75 3/16/2024
2.1.296 96 3/15/2024
2.1.295 89 3/14/2024
2.1.294 86 3/13/2024
2.1.293 89 3/13/2024
2.1.292 83 3/13/2024
2.1.291 95 3/13/2024
2.1.290 81 3/13/2024
2.1.289 84 3/13/2024
2.1.288 90 3/13/2024
2.1.287 89 3/13/2024
2.1.286 77 3/13/2024
2.1.285 79 3/13/2024
2.1.284 89 3/12/2024
2.1.283 91 3/12/2024
2.1.282 73 3/12/2024
2.1.281 77 3/12/2024
2.1.280 91 3/12/2024
2.1.279 92 3/11/2024
2.1.278 96 3/11/2024
2.1.277 67 3/11/2024
2.1.276 64 3/11/2024
2.1.275 77 3/10/2024
2.1.274 88 3/10/2024
2.1.273 87 3/10/2024
2.1.272 82 3/10/2024
2.1.271 88 3/9/2024
2.1.270 83 3/8/2024
2.1.269 89 3/8/2024
2.1.268 79 3/8/2024
2.1.267 79 3/8/2024
2.1.266 88 3/8/2024
2.1.265 81 3/8/2024
2.1.264 94 3/6/2024
2.1.263 84 3/6/2024
2.1.262 87 3/6/2024
2.1.261 105 3/4/2024
2.1.260 79 3/4/2024
2.1.259 84 3/4/2024
2.1.258 77 3/4/2024
2.1.257 87 3/4/2024
2.1.256 111 3/3/2024
2.1.255 87 3/3/2024
2.1.254 73 3/3/2024
2.1.253 85 3/3/2024
2.1.252 85 3/2/2024
2.1.251 88 3/2/2024
2.1.250 84 3/2/2024
2.1.249 82 3/2/2024
2.1.248 85 3/2/2024
2.1.247 91 3/2/2024
2.1.246 97 2/29/2024
2.1.245 81 2/29/2024
2.1.244 94 2/29/2024
2.1.243 80 2/29/2024
2.1.242 76 2/29/2024
2.1.241 79 2/29/2024
2.1.240 85 2/29/2024
2.1.239 161 2/26/2024
2.1.238 99 2/26/2024
2.1.237 76 2/26/2024
2.1.236 81 2/25/2024
2.1.235 85 2/25/2024
2.1.234 81 2/25/2024
2.1.233 77 2/25/2024
2.1.232 95 2/24/2024
2.1.231 84 2/24/2024
2.1.230 77 2/23/2024
2.1.229 90 2/23/2024
2.1.228 99 2/22/2024
2.1.227 92 2/22/2024
2.1.226 80 2/22/2024
2.1.225 72 2/22/2024
2.1.224 86 2/22/2024
2.1.223 88 2/22/2024
2.1.222 85 2/21/2024
2.1.221 122 2/21/2024
2.1.220 77 2/21/2024
2.1.219 100 2/21/2024
2.1.218 84 2/21/2024
2.1.217 73 2/21/2024
2.1.216 82 2/21/2024
2.1.215 89 2/21/2024
2.1.214 89 2/20/2024
2.1.213 83 2/20/2024
2.1.212 80 2/20/2024
2.1.211 81 2/20/2024
2.1.210 79 2/20/2024
2.1.209 77 2/20/2024
2.1.208 75 2/20/2024
2.1.207 78 2/20/2024
2.1.206 72 2/19/2024
2.1.205 66 2/19/2024
2.1.204 75 2/19/2024
2.1.203 72 2/19/2024
2.1.202 71 2/19/2024
2.1.201 84 2/17/2024
2.1.200 71 2/17/2024
2.1.199 73 2/17/2024
2.1.198 72 2/17/2024
2.1.197 79 2/17/2024
2.1.196 69 2/16/2024
2.1.195 70 2/16/2024
2.1.194 84 2/16/2024
2.1.193 71 2/16/2024
2.1.192 69 2/16/2024
2.1.191 73 2/16/2024
2.1.190 68 2/16/2024
2.1.189 71 2/16/2024
2.1.188 177 2/14/2024
2.1.187 77 2/14/2024
2.1.186 86 2/14/2024
2.1.185 79 2/14/2024
2.1.184 80 2/13/2024
2.1.183 86 2/13/2024
2.1.182 80 2/13/2024
2.1.181 76 2/13/2024
2.1.180 76 2/13/2024
2.1.179 73 2/13/2024
2.1.178 75 2/13/2024
2.1.177 92 2/13/2024
2.1.176 122 2/12/2024
2.1.175 90 2/12/2024
2.1.174 95 2/12/2024
2.1.173 75 2/12/2024
2.1.172 90 2/11/2024
2.1.171 92 2/11/2024
2.1.170 92 2/11/2024
2.1.169 88 2/11/2024
2.1.168 89 2/11/2024
2.1.167 87 2/11/2024
2.1.166 93 2/10/2024
2.1.165 87 2/10/2024
2.1.164 96 2/10/2024
2.1.163 84 2/10/2024
2.1.162 85 2/9/2024
2.1.161 87 2/9/2024
2.1.160 90 2/9/2024
2.1.159 84 2/9/2024
2.1.158 90 2/9/2024
2.1.157 92 2/9/2024
2.1.156 90 2/8/2024
2.1.155 92 2/8/2024
2.1.154 82 2/8/2024
2.1.153 93 2/8/2024
2.1.152 76 2/8/2024
2.1.151 75 2/7/2024
2.1.150 85 2/7/2024
2.1.149 85 2/7/2024
2.1.148 76 2/7/2024
2.1.147 86 2/7/2024
2.1.146 73 2/7/2024
2.1.145 82 2/7/2024
2.1.144 90 2/6/2024
2.1.143 90 2/6/2024
2.1.142 84 2/6/2024
2.1.141 76 2/5/2024
2.1.140 76 2/5/2024
2.1.139 78 2/5/2024
2.1.138 80 2/4/2024
2.1.137 72 2/4/2024
2.1.136 73 2/4/2024
2.1.135 74 2/3/2024
2.1.134 84 2/3/2024
2.1.133 74 2/3/2024
2.1.132 152 1/31/2024
2.1.131 75 1/31/2024
2.1.130 71 1/31/2024
2.1.129 75 1/31/2024
2.1.128 75 1/30/2024
2.1.127 73 1/30/2024
2.1.126 81 1/30/2024
2.1.125 75 1/30/2024
2.1.124 76 1/29/2024
2.1.123 100 1/29/2024
2.1.122 73 1/29/2024
2.1.121 73 1/29/2024
2.1.120 72 1/29/2024
2.1.119 76 1/29/2024
2.1.118 77 1/28/2024
2.1.117 75 1/28/2024
2.1.116 85 1/28/2024
2.1.115 80 1/28/2024
2.1.114 74 1/28/2024
2.1.113 75 1/27/2024
2.1.112 73 1/27/2024
2.1.111 74 1/27/2024
2.1.110 73 1/27/2024
2.1.109 74 1/27/2024
2.1.108 76 1/27/2024
2.1.107 80 1/27/2024
2.1.106 74 1/26/2024
2.1.105 77 1/26/2024
2.1.104 74 1/26/2024
2.1.103 81 1/26/2024
2.1.102 77 1/26/2024
2.1.101 76 1/26/2024
2.1.100 76 1/26/2024
2.1.99 76 1/26/2024
2.1.98 75 1/25/2024
2.1.97 74 1/25/2024
2.1.96 78 1/25/2024
2.1.95 79 1/25/2024
2.1.94 78 1/25/2024
2.1.93 87 1/19/2024
2.1.92 75 1/19/2024
2.1.91 108 1/16/2024
2.1.90 87 1/16/2024
2.1.89 82 1/16/2024
2.1.88 86 1/15/2024
2.1.87 92 1/15/2024
2.1.86 81 1/15/2024
2.1.85 76 1/15/2024
2.1.84 86 1/15/2024
2.1.83 85 1/15/2024
2.1.82 85 1/15/2024
2.1.81 82 1/14/2024
2.1.80 80 1/14/2024
2.1.79 83 1/14/2024
2.1.78 90 1/13/2024
2.1.77 92 1/13/2024
2.1.76 79 1/13/2024
2.1.75 80 1/13/2024
2.1.74 89 1/12/2024
2.1.73 86 1/12/2024
2.1.72 80 1/12/2024
2.1.71 88 1/11/2024
2.1.70 95 1/11/2024
2.1.69 86 1/11/2024
2.1.68 90 1/9/2024
2.1.67 99 1/9/2024
2.1.66 109 1/8/2024
2.1.65 87 1/8/2024
2.1.64 99 1/8/2024
2.1.63 106 1/7/2024
2.1.62 111 1/6/2024
2.1.61 107 1/5/2024
2.1.60 89 1/5/2024
2.1.59 96 1/5/2024
2.1.58 124 1/1/2024
2.1.57 115 12/28/2023
2.1.56 96 12/28/2023
2.1.55 98 12/28/2023
2.1.54 99 12/28/2023
2.1.53 109 12/27/2023
2.1.52 106 12/27/2023
2.1.51 101 12/27/2023
2.1.50 86 12/25/2023
2.1.49 84 12/25/2023
2.1.48 104 12/25/2023
2.1.47 90 12/25/2023
2.1.46 95 12/25/2023
2.1.45 106 12/25/2023
2.1.44 95 12/24/2023
2.1.43 84 12/23/2023
2.1.42 96 12/23/2023
2.1.41 84 12/23/2023
2.1.40 108 12/23/2023
2.1.39 110 12/19/2023
2.1.38 111 12/19/2023
2.1.37 146 12/10/2023
2.1.36 93 12/10/2023
2.1.35 110 12/9/2023
2.1.34 120 12/9/2023
2.1.33 103 12/9/2023
2.1.32 112 12/6/2023
2.1.31 123 12/5/2023
2.1.30 126 12/4/2023
2.1.29 119 12/4/2023
2.1.28 106 12/4/2023
2.1.27 169 11/23/2023
2.1.26 111 11/23/2023
2.1.25 121 11/23/2023
2.1.24 109 11/23/2023
2.1.23 112 11/20/2023
2.1.22 100 11/20/2023
2.1.21 113 11/19/2023
2.1.20 105 11/19/2023
2.1.19 107 11/19/2023
2.1.18 104 11/19/2023
2.1.17 107 11/18/2023
2.1.16 114 11/18/2023
2.1.15 106 11/18/2023
2.1.14 112 11/18/2023
2.1.13 109 11/17/2023
2.1.12 105 11/17/2023
2.1.11 105 11/17/2023
2.1.10 110 11/17/2023
2.1.9 107 11/17/2023
2.1.8 103 11/17/2023
2.1.7 89 11/17/2023
2.1.6 102 11/17/2023
2.1.5 103 11/17/2023
2.1.4 108 11/16/2023
2.0.84 106 11/15/2023
2.0.83 101 11/15/2023
2.0.82 110 11/15/2023
2.0.3 101 11/16/2023
2.0.2 100 11/16/2023
2.0.1 101 11/16/2023
1.0.81 121 11/14/2023
1.0.80 100 11/13/2023
1.0.79 124 11/10/2023
1.0.78 109 11/9/2023
1.0.77 99 11/9/2023
1.0.76 113 11/7/2023
1.0.75 111 11/6/2023
1.0.74 104 11/3/2023
1.0.73 98 11/2/2023
1.0.72 119 11/1/2023
1.0.71 153 10/26/2023
1.0.70 124 10/25/2023
1.0.69 141 10/19/2023
1.0.68 116 10/18/2023
1.0.67 127 10/17/2023
1.0.66 110 10/16/2023
1.0.65 133 10/13/2023
1.0.64 142 10/12/2023
1.0.63 142 10/11/2023
1.0.62 218 9/20/2023
1.0.61 112 9/19/2023
1.0.60 114 9/18/2023
1.0.59 104 9/18/2023
1.0.58 136 9/14/2023
1.0.57 126 9/13/2023
1.0.56 206 8/31/2023
1.0.55 152 8/30/2023
1.0.54 136 8/29/2023
1.0.53 169 8/28/2023
1.0.52 130 8/25/2023
1.0.51 161 8/24/2023
1.0.50 178 8/21/2023
1.0.49 147 8/18/2023
1.0.48 130 8/17/2023
1.0.47 138 8/17/2023
1.0.46 218 8/10/2023
1.0.45 145 8/9/2023
1.0.44 141 8/9/2023
1.0.43 163 8/8/2023
1.0.42 141 8/7/2023
1.0.41 146 8/7/2023
1.0.40 335 7/13/2023
1.0.39 146 7/12/2023
1.0.38 157 7/11/2023
1.0.37 155 7/10/2023
1.0.36 147 7/7/2023
1.0.35 132 7/7/2023
1.0.34 184 6/30/2023
1.0.33 216 6/29/2023
1.0.32 172 6/28/2023
1.0.31 145 6/28/2023
1.0.30 153 6/26/2023
1.0.29 186 6/23/2023
1.0.28 168 6/23/2023
1.0.27 160 6/21/2023
1.0.26 189 6/15/2023
1.0.25 153 6/14/2023
1.0.24 167 6/14/2023
1.0.23 195 6/9/2023
1.0.22 164 6/8/2023
1.0.21 165 6/7/2023
1.0.20 161 6/7/2023
1.0.19 171 6/6/2023
1.0.18 158 6/5/2023
1.0.17 217 6/2/2023
1.0.16 193 6/1/2023
1.0.13 159 5/24/2023
1.0.12 148 5/23/2023
1.0.11 378 3/21/2023
1.0.10 199 3/21/2023
1.0.9 223 3/21/2023
1.0.8 176 4/12/2023
1.0.7 180 4/12/2023
1.0.6 175 4/11/2023
1.0.5 290 2/27/2023
1.0.4 247 2/27/2023
1.0.3 230 2/27/2023
1.0.2 268 2/13/2023
1.0.1 305 2/3/2023