Soenneker.Blazor.Masonry 2.1.349

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

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

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