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.365 0 4/30/2024
2.1.364 0 4/30/2024
2.1.363 0 4/29/2024
2.1.362 23 4/29/2024
2.1.361 28 4/29/2024
2.1.360 29 4/29/2024
2.1.359 33 4/29/2024
2.1.358 33 4/28/2024
2.1.357 34 4/28/2024
2.1.356 33 4/28/2024
2.1.355 34 4/28/2024
2.1.354 34 4/28/2024
2.1.353 36 4/28/2024
2.1.352 36 4/28/2024
2.1.351 36 4/28/2024
2.1.350 39 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 65 4/19/2024
2.1.343 70 4/19/2024
2.1.342 67 4/19/2024
2.1.341 71 4/19/2024
2.1.340 72 4/19/2024
2.1.339 117 4/13/2024
2.1.338 77 4/13/2024
2.1.337 82 4/13/2024
2.1.336 66 4/12/2024
2.1.335 67 4/12/2024
2.1.334 72 4/12/2024
2.1.333 69 4/12/2024
2.1.332 75 4/12/2024
2.1.331 74 4/12/2024
2.1.330 78 4/12/2024
2.1.329 75 4/11/2024
2.1.328 65 4/10/2024
2.1.327 66 4/10/2024
2.1.326 68 4/10/2024
2.1.325 69 4/10/2024
2.1.324 73 4/10/2024
2.1.323 76 4/9/2024
2.1.322 134 4/3/2024
2.1.321 79 4/2/2024
2.1.320 62 4/2/2024
2.1.319 63 4/2/2024
2.1.318 80 4/1/2024
2.1.317 83 3/30/2024
2.1.316 71 3/29/2024
2.1.315 72 3/29/2024
2.1.314 89 3/25/2024
2.1.313 81 3/25/2024
2.1.312 80 3/25/2024
2.1.311 73 3/25/2024
2.1.310 102 3/21/2024
2.1.309 86 3/21/2024
2.1.308 81 3/20/2024
2.1.307 105 3/20/2024
2.1.306 83 3/19/2024
2.1.305 69 3/19/2024
2.1.304 85 3/19/2024
2.1.303 63 3/19/2024
2.1.302 83 3/19/2024
2.1.301 84 3/19/2024
2.1.300 77 3/18/2024
2.1.299 84 3/18/2024
2.1.298 125 3/16/2024
2.1.297 71 3/16/2024
2.1.296 92 3/15/2024
2.1.295 86 3/14/2024
2.1.294 83 3/13/2024
2.1.293 85 3/13/2024
2.1.292 79 3/13/2024
2.1.291 89 3/13/2024
2.1.290 77 3/13/2024
2.1.289 80 3/13/2024
2.1.288 86 3/13/2024
2.1.287 85 3/13/2024
2.1.286 73 3/13/2024
2.1.285 75 3/13/2024
2.1.284 85 3/12/2024
2.1.283 87 3/12/2024
2.1.282 69 3/12/2024
2.1.281 73 3/12/2024
2.1.280 87 3/12/2024
2.1.279 82 3/11/2024
2.1.278 92 3/11/2024
2.1.277 63 3/11/2024
2.1.276 60 3/11/2024
2.1.275 73 3/10/2024
2.1.274 84 3/10/2024
2.1.273 77 3/10/2024
2.1.272 78 3/10/2024
2.1.271 84 3/9/2024
2.1.270 79 3/8/2024
2.1.269 85 3/8/2024
2.1.268 75 3/8/2024
2.1.267 75 3/8/2024
2.1.266 78 3/8/2024
2.1.265 77 3/8/2024
2.1.264 90 3/6/2024
2.1.263 80 3/6/2024
2.1.262 83 3/6/2024
2.1.261 101 3/4/2024
2.1.260 75 3/4/2024
2.1.259 80 3/4/2024
2.1.258 73 3/4/2024
2.1.257 83 3/4/2024
2.1.256 101 3/3/2024
2.1.255 83 3/3/2024
2.1.254 64 3/3/2024
2.1.253 80 3/3/2024
2.1.252 81 3/2/2024
2.1.251 83 3/2/2024
2.1.250 79 3/2/2024
2.1.249 78 3/2/2024
2.1.248 81 3/2/2024
2.1.247 81 3/2/2024
2.1.246 92 2/29/2024
2.1.245 72 2/29/2024
2.1.244 84 2/29/2024
2.1.243 76 2/29/2024
2.1.242 72 2/29/2024
2.1.241 75 2/29/2024
2.1.240 81 2/29/2024
2.1.239 156 2/26/2024
2.1.238 95 2/26/2024
2.1.237 72 2/26/2024
2.1.236 77 2/25/2024
2.1.235 81 2/25/2024
2.1.234 77 2/25/2024
2.1.233 73 2/25/2024
2.1.232 91 2/24/2024
2.1.231 80 2/24/2024
2.1.230 73 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 78 1/14/2024
2.1.80 76 1/14/2024
2.1.79 79 1/14/2024
2.1.78 86 1/13/2024
2.1.77 81 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