Grid Newspaper

A magical, vintage newspaper layout component utilizing a highly complex and responsive CSS Grid. It perfectly adapts from a multi-column desktop spread to a single-column mobile view, allowing articles to dynamically span rows and columns.

More than 500 million copies of the Harry Potter books sold

Twenty years ago, readers around the world first discovered the magical story of Harry Potter, created by J.K. Rowling. We can now reveal that, since that moment, half a billion Harry Potter books have now been sold. On average, this means one in fifteen people in the world owns a Harry Potter book. The 500 million sales are across the seven books in the series and the three companion volumes, in print and eBook versions.

First published by Bloomsbury in 1997, the books have now been translated into over 80 different languages across the world, with more to come. From Albanian to Azerbaijani to Hebrew to Hawaiian, the stories are becoming accessible to more people all the time.

Harry Potter books — Harry Potter Book set by J.K Rowling

WIZARD MAGICIAN BREAKS STATUTE OF SECRECY ON CHRISTMAS EVE

Christmas Eve is a big day for the western world – for both Wizard, Witch and Muggle alike.

This Christmas Eve a performer of the magical arts, also known as a “magician” to muggles, by the name of Ryland Silverthorne has caught the attention of The Department of Magical Accidents and Catastrophes for revealing how….. (Click To read the whole article)

50% Off Hogwarts Express tickets

Limited time offer

How To Make Chocolate Frogs

Everybody loves chocolate frogs. It's impossible to not love them, so The Daily Prophet offers its reader with its recipe. So hold you frorgs tight as you read this

Quidditch world cup nearing!

Quidditch fans around the world are exited as the world cup is nearing. So we, decided to fill those who don't know about Qudditch in with information.

Hot News!

Hogwarts House Cup Winner:

Gryffindor!

As usual Griffindor scraped a win at the inter-house championship at Hogwarts, leving Slytherin in second place once more.

Godric Gryffindors Wand Resurfaces At Hogwarts

Earlier today Kaitlyn Byers, a 4th year from Ravenclaw, discovered what is now thought to be Godric Gryffindors Wand. While the magical item is currently being housed by The Ministry of Magic and undergoing tests to confirm its origin, how the wand made it into the hands of a student is quite astonishing.

Installation


npx shadcn-extras@latest add grid-newspaper

Props

The GridNewspaperArticle component accepts the following props:

Prop	Type	Description
`withBorder`	`boolean`	If true, applies a top border to the article block.
`hoverImage`	`boolean`	If true, any images inside the block will transition from grayscale to full color on hover.
`hoverBg`	`boolean`	If true, the block's background will transition to black and text will transition to white on hover.

Note: Layout spanning (like col-span-2 or row-span-2) is handled using standard Tailwind CSS classes passed to the className prop, enabling unlimited customization.

Features

Harnesses the full power of CSS Grid for complex, masonry-style layouts.
Imports EB Garamond, Playfair Display SC, and Manrope fonts.
Built-in gn-multi-column-2 utility class for internal text column breaks.