Soenneker.Blazor.Masonry 2.1.339

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.339
NuGet\Install-Package Soenneker.Blazor.Masonry -Version 2.1.339
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.339" />
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.339
#r "nuget: Soenneker.Blazor.Masonry, 2.1.339"
#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.339

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

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.366 75 4/30/2024
2.1.365 66 4/30/2024
2.1.364 68 4/30/2024
2.1.363 73 4/29/2024
2.1.362 74 4/29/2024
2.1.361 72 4/29/2024
2.1.360 66 4/29/2024
2.1.359 66 4/29/2024
2.1.358 66 4/28/2024
2.1.357 60 4/28/2024
2.1.356 62 4/28/2024
2.1.355 66 4/28/2024
2.1.354 71 4/28/2024
2.1.353 73 4/28/2024
2.1.352 73 4/28/2024
2.1.351 74 4/28/2024
2.1.350 72 4/27/2024
2.1.349 122 4/20/2024
2.1.348 70 4/20/2024
2.1.347 80 4/19/2024
2.1.346 73 4/19/2024
2.1.345 68 4/19/2024
2.1.344 66 4/19/2024
2.1.343 71 4/19/2024
2.1.342 68 4/19/2024
2.1.341 72 4/19/2024
2.1.340 73 4/19/2024
2.1.339 118 4/13/2024
2.1.338 78 4/13/2024
2.1.337 83 4/13/2024
2.1.336 67 4/12/2024
2.1.335 68 4/12/2024
2.1.334 73 4/12/2024
2.1.333 70 4/12/2024
2.1.332 76 4/12/2024
2.1.331 75 4/12/2024
2.1.330 79 4/12/2024
2.1.329 76 4/11/2024
2.1.328 66 4/10/2024
2.1.327 67 4/10/2024
2.1.326 69 4/10/2024
2.1.325 70 4/10/2024
2.1.324 74 4/10/2024
2.1.323 77 4/9/2024
2.1.322 135 4/3/2024
2.1.321 80 4/2/2024
2.1.320 63 4/2/2024
2.1.319 64 4/2/2024
2.1.318 81 4/1/2024
2.1.317 84 3/30/2024
2.1.316 72 3/29/2024
2.1.315 73 3/29/2024
2.1.314 90 3/25/2024
2.1.313 82 3/25/2024
2.1.312 81 3/25/2024
2.1.311 74 3/25/2024
2.1.310 103 3/21/2024
2.1.309 87 3/21/2024
2.1.308 82 3/20/2024
2.1.307 106 3/20/2024
2.1.306 84 3/19/2024
2.1.305 70 3/19/2024
2.1.304 86 3/19/2024
2.1.303 64 3/19/2024
2.1.302 84 3/19/2024
2.1.301 85 3/19/2024
2.1.300 78 3/18/2024
2.1.299 85 3/18/2024
2.1.298 126 3/16/2024
2.1.297 72 3/16/2024
2.1.296 93 3/15/2024
2.1.295 87 3/14/2024
2.1.294 84 3/13/2024
2.1.293 86 3/13/2024
2.1.292 80 3/13/2024
2.1.291 90 3/13/2024
2.1.290 78 3/13/2024
2.1.289 81 3/13/2024
2.1.288 87 3/13/2024
2.1.287 86 3/13/2024
2.1.286 74 3/13/2024
2.1.285 76 3/13/2024
2.1.284 86 3/12/2024
2.1.283 88 3/12/2024
2.1.282 70 3/12/2024
2.1.281 74 3/12/2024
2.1.280 88 3/12/2024
2.1.279 83 3/11/2024
2.1.278 93 3/11/2024
2.1.277 64 3/11/2024
2.1.276 61 3/11/2024
2.1.275 74 3/10/2024
2.1.274 85 3/10/2024
2.1.273 78 3/10/2024
2.1.272 79 3/10/2024
2.1.271 85 3/9/2024
2.1.270 80 3/8/2024
2.1.269 86 3/8/2024
2.1.268 76 3/8/2024
2.1.267 76 3/8/2024
2.1.266 79 3/8/2024
2.1.265 78 3/8/2024
2.1.264 91 3/6/2024
2.1.263 81 3/6/2024
2.1.262 84 3/6/2024
2.1.261 102 3/4/2024
2.1.260 76 3/4/2024
2.1.259 81 3/4/2024
2.1.258 74 3/4/2024
2.1.257 84 3/4/2024
2.1.256 102 3/3/2024
2.1.255 84 3/3/2024
2.1.254 65 3/3/2024
2.1.253 81 3/3/2024
2.1.252 82 3/2/2024
2.1.251 84 3/2/2024
2.1.250 80 3/2/2024
2.1.249 79 3/2/2024
2.1.248 82 3/2/2024
2.1.247 82 3/2/2024
2.1.246 93 2/29/2024
2.1.245 73 2/29/2024
2.1.244 85 2/29/2024
2.1.243 77 2/29/2024
2.1.242 73 2/29/2024
2.1.241 76 2/29/2024
2.1.240 82 2/29/2024
2.1.239 157 2/26/2024
2.1.238 96 2/26/2024
2.1.237 73 2/26/2024
2.1.236 78 2/25/2024
2.1.235 82 2/25/2024
2.1.234 78 2/25/2024
2.1.233 74 2/25/2024
2.1.232 92 2/24/2024
2.1.231 81 2/24/2024
2.1.230 74 2/23/2024
2.1.229 87 2/23/2024
2.1.228 96 2/22/2024
2.1.227 83 2/22/2024
2.1.226 77 2/22/2024
2.1.225 69 2/22/2024
2.1.224 83 2/22/2024
2.1.223 85 2/22/2024
2.1.222 82 2/21/2024
2.1.221 119 2/21/2024
2.1.220 74 2/21/2024
2.1.219 97 2/21/2024
2.1.218 81 2/21/2024
2.1.217 70 2/21/2024
2.1.216 79 2/21/2024
2.1.215 86 2/21/2024
2.1.214 80 2/20/2024
2.1.213 79 2/20/2024
2.1.212 77 2/20/2024
2.1.211 78 2/20/2024
2.1.210 76 2/20/2024
2.1.209 74 2/20/2024
2.1.208 72 2/20/2024
2.1.207 75 2/20/2024
2.1.206 69 2/19/2024
2.1.205 63 2/19/2024
2.1.204 72 2/19/2024
2.1.203 69 2/19/2024
2.1.202 68 2/19/2024
2.1.201 81 2/17/2024
2.1.200 68 2/17/2024
2.1.199 70 2/17/2024
2.1.198 69 2/17/2024
2.1.197 71 2/17/2024
2.1.196 66 2/16/2024
2.1.195 67 2/16/2024
2.1.194 76 2/16/2024
2.1.193 68 2/16/2024
2.1.192 66 2/16/2024
2.1.191 70 2/16/2024
2.1.190 65 2/16/2024
2.1.189 68 2/16/2024
2.1.188 167 2/14/2024
2.1.187 74 2/14/2024
2.1.186 83 2/14/2024
2.1.185 76 2/14/2024
2.1.184 77 2/13/2024
2.1.183 83 2/13/2024
2.1.182 77 2/13/2024
2.1.181 73 2/13/2024
2.1.180 73 2/13/2024
2.1.179 71 2/13/2024
2.1.178 72 2/13/2024
2.1.177 90 2/13/2024
2.1.176 119 2/12/2024
2.1.175 88 2/12/2024
2.1.174 86 2/12/2024
2.1.173 73 2/12/2024
2.1.172 87 2/11/2024
2.1.171 89 2/11/2024
2.1.170 89 2/11/2024
2.1.169 85 2/11/2024
2.1.168 86 2/11/2024
2.1.167 84 2/11/2024
2.1.166 90 2/10/2024
2.1.165 84 2/10/2024
2.1.164 93 2/10/2024
2.1.163 81 2/10/2024
2.1.162 82 2/9/2024
2.1.161 85 2/9/2024
2.1.160 87 2/9/2024
2.1.159 81 2/9/2024
2.1.158 88 2/9/2024
2.1.157 89 2/9/2024
2.1.156 87 2/8/2024
2.1.155 89 2/8/2024
2.1.154 74 2/8/2024
2.1.153 84 2/8/2024
2.1.152 73 2/8/2024
2.1.151 72 2/7/2024
2.1.150 82 2/7/2024
2.1.149 82 2/7/2024
2.1.148 73 2/7/2024
2.1.147 83 2/7/2024
2.1.146 70 2/7/2024
2.1.145 79 2/7/2024
2.1.144 81 2/6/2024
2.1.143 87 2/6/2024
2.1.142 81 2/6/2024
2.1.141 73 2/5/2024
2.1.140 73 2/5/2024
2.1.139 75 2/5/2024
2.1.138 77 2/4/2024
2.1.137 69 2/4/2024
2.1.136 70 2/4/2024
2.1.135 71 2/3/2024
2.1.134 76 2/3/2024
2.1.133 71 2/3/2024
2.1.132 148 1/31/2024
2.1.131 72 1/31/2024
2.1.130 68 1/31/2024
2.1.129 72 1/31/2024
2.1.128 72 1/30/2024
2.1.127 70 1/30/2024
2.1.126 72 1/30/2024
2.1.125 72 1/30/2024
2.1.124 73 1/29/2024
2.1.123 97 1/29/2024
2.1.122 70 1/29/2024
2.1.121 70 1/29/2024
2.1.120 69 1/29/2024
2.1.119 73 1/29/2024
2.1.118 74 1/28/2024
2.1.117 72 1/28/2024
2.1.116 82 1/28/2024
2.1.115 71 1/28/2024
2.1.114 71 1/28/2024
2.1.113 72 1/27/2024
2.1.112 70 1/27/2024
2.1.111 71 1/27/2024
2.1.110 70 1/27/2024
2.1.109 71 1/27/2024
2.1.108 73 1/27/2024
2.1.107 71 1/27/2024
2.1.106 71 1/26/2024
2.1.105 74 1/26/2024
2.1.104 71 1/26/2024
2.1.103 78 1/26/2024
2.1.102 74 1/26/2024
2.1.101 73 1/26/2024
2.1.100 73 1/26/2024
2.1.99 73 1/26/2024
2.1.98 72 1/25/2024
2.1.97 71 1/25/2024
2.1.96 74 1/25/2024
2.1.95 75 1/25/2024
2.1.94 74 1/25/2024
2.1.93 83 1/19/2024
2.1.92 71 1/19/2024
2.1.91 104 1/16/2024
2.1.90 83 1/16/2024
2.1.89 78 1/16/2024
2.1.88 82 1/15/2024
2.1.87 82 1/15/2024
2.1.86 77 1/15/2024
2.1.85 72 1/15/2024
2.1.84 82 1/15/2024
2.1.83 81 1/15/2024
2.1.82 81 1/15/2024
2.1.81 79 1/14/2024
2.1.80 77 1/14/2024
2.1.79 80 1/14/2024
2.1.78 87 1/13/2024
2.1.77 82 1/13/2024
2.1.76 75 1/13/2024
2.1.75 76 1/13/2024
2.1.74 85 1/12/2024
2.1.73 82 1/12/2024
2.1.72 75 1/12/2024
2.1.71 83 1/11/2024
2.1.70 89 1/11/2024
2.1.69 81 1/11/2024
2.1.68 83 1/9/2024
2.1.67 86 1/9/2024
2.1.66 104 1/8/2024
2.1.65 83 1/8/2024
2.1.64 94 1/8/2024
2.1.63 102 1/7/2024
2.1.62 107 1/6/2024
2.1.61 103 1/5/2024
2.1.60 85 1/5/2024
2.1.59 91 1/5/2024
2.1.58 121 1/1/2024
2.1.57 111 12/28/2023
2.1.56 93 12/28/2023
2.1.55 95 12/28/2023
2.1.54 96 12/28/2023
2.1.53 105 12/27/2023
2.1.52 102 12/27/2023
2.1.51 98 12/27/2023
2.1.50 83 12/25/2023
2.1.49 81 12/25/2023
2.1.48 101 12/25/2023
2.1.47 87 12/25/2023
2.1.46 92 12/25/2023
2.1.45 97 12/25/2023
2.1.44 92 12/24/2023
2.1.43 81 12/23/2023
2.1.42 93 12/23/2023
2.1.41 81 12/23/2023
2.1.40 105 12/23/2023
2.1.39 107 12/19/2023
2.1.38 108 12/19/2023
2.1.37 143 12/10/2023
2.1.36 90 12/10/2023
2.1.35 107 12/9/2023
2.1.34 111 12/9/2023
2.1.33 100 12/9/2023
2.1.32 109 12/6/2023
2.1.31 120 12/5/2023
2.1.30 123 12/4/2023
2.1.29 116 12/4/2023
2.1.28 103 12/4/2023
2.1.27 164 11/23/2023
2.1.26 108 11/23/2023
2.1.25 112 11/23/2023
2.1.24 106 11/23/2023
2.1.23 109 11/20/2023
2.1.22 97 11/20/2023
2.1.21 104 11/19/2023
2.1.20 102 11/19/2023
2.1.19 104 11/19/2023
2.1.18 101 11/19/2023
2.1.17 104 11/18/2023
2.1.16 105 11/18/2023
2.1.15 103 11/18/2023
2.1.14 103 11/18/2023
2.1.13 106 11/17/2023
2.1.12 102 11/17/2023
2.1.11 102 11/17/2023
2.1.10 107 11/17/2023
2.1.9 104 11/17/2023
2.1.8 100 11/17/2023
2.1.7 86 11/17/2023
2.1.6 99 11/17/2023
2.1.5 100 11/17/2023
2.1.4 105 11/16/2023
2.0.84 102 11/15/2023
2.0.83 98 11/15/2023
2.0.82 101 11/15/2023
2.0.3 98 11/16/2023
2.0.2 97 11/16/2023
2.0.1 98 11/16/2023
1.0.81 117 11/14/2023
1.0.80 97 11/13/2023
1.0.79 115 11/10/2023
1.0.78 106 11/9/2023
1.0.77 96 11/9/2023
1.0.76 104 11/7/2023
1.0.75 108 11/6/2023
1.0.74 101 11/3/2023
1.0.73 93 11/2/2023
1.0.72 116 11/1/2023
1.0.71 149 10/26/2023
1.0.70 121 10/25/2023
1.0.69 138 10/19/2023
1.0.68 113 10/18/2023
1.0.67 124 10/17/2023
1.0.66 101 10/16/2023
1.0.65 130 10/13/2023
1.0.64 138 10/12/2023
1.0.63 139 10/11/2023
1.0.62 214 9/20/2023
1.0.61 109 9/19/2023
1.0.60 111 9/18/2023
1.0.59 101 9/18/2023
1.0.58 133 9/14/2023
1.0.57 123 9/13/2023
1.0.56 201 8/31/2023
1.0.55 149 8/30/2023
1.0.54 131 8/29/2023
1.0.53 160 8/28/2023
1.0.52 121 8/25/2023
1.0.51 158 8/24/2023
1.0.50 175 8/21/2023
1.0.49 144 8/18/2023
1.0.48 127 8/17/2023
1.0.47 135 8/17/2023
1.0.46 209 8/10/2023
1.0.45 142 8/9/2023
1.0.44 138 8/9/2023
1.0.43 160 8/8/2023
1.0.42 138 8/7/2023
1.0.41 143 8/7/2023
1.0.40 331 7/13/2023
1.0.39 143 7/12/2023
1.0.38 154 7/11/2023
1.0.37 152 7/10/2023
1.0.36 144 7/7/2023
1.0.35 129 7/7/2023
1.0.34 180 6/30/2023
1.0.33 213 6/29/2023
1.0.32 169 6/28/2023
1.0.31 136 6/28/2023
1.0.30 150 6/26/2023
1.0.29 183 6/23/2023
1.0.28 165 6/23/2023
1.0.27 151 6/21/2023
1.0.26 186 6/15/2023
1.0.25 149 6/14/2023
1.0.24 163 6/14/2023
1.0.23 192 6/9/2023
1.0.22 161 6/8/2023
1.0.21 162 6/7/2023
1.0.20 158 6/7/2023
1.0.19 168 6/6/2023
1.0.18 155 6/5/2023
1.0.17 214 6/2/2023
1.0.16 190 6/1/2023
1.0.13 155 5/24/2023
1.0.12 145 5/23/2023
1.0.11 371 3/21/2023
1.0.10 196 3/21/2023
1.0.9 220 3/21/2023
1.0.8 172 4/12/2023
1.0.7 177 4/12/2023
1.0.6 172 4/11/2023
1.0.5 286 2/27/2023
1.0.4 244 2/27/2023
1.0.3 227 2/27/2023
1.0.2 265 2/13/2023
1.0.1 302 2/3/2023