PHPackages idf/nova-html-card - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Parsing & Serialization](/categories/parsing) 4. / 5. idf/nova-html-card Abandoned → [interaction-design-foundation/nova-html-card](/?search=interaction-design-foundation%2Fnova-html-card)Library[Parsing & Serialization](/categories/parsing) idf/nova-html-card ================== A Laravel Nova card to display arbitrary HTML content 3.4.2(3mo ago)67362.4k—7.3%11[1 PRs](https://github.com/InteractionDesignFoundation/nova-html-card/pulls)1MITPHPPHP ^8.1CI failing Since Jun 29Pushed 1mo ago8 watchersCompare [ Source](https://github.com/InteractionDesignFoundation/nova-html-card)[ Packagist](https://packagist.org/packages/idf/nova-html-card)[ RSS](/packages/idf-nova-html-card/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)Dependencies (4)Versions (24)Used By (1) We stand with Ukraine🇺🇦Nova HTML Card ============== [](#nova-html-card) [![Latest Stable Version](https://camo.githubusercontent.com/250d5dff3af96b7096d9c8252789c8459aca6f6d7d23437aa687b8e831fea2e5/68747470733a2f2f706f7365722e707567782e6f72672f696e746572616374696f6e2d64657369676e2d666f756e646174696f6e2f6e6f76612d68746d6c2d636172642f762f737461626c65)](https://packagist.org/packages/interaction-design-foundation/nova-html-card)[![Total Downloads](https://camo.githubusercontent.com/4b6def86c03556aeb38a705a07ceaab1842a2e2e3be051109cb43084276989a6/68747470733a2f2f706f7365722e707567782e6f72672f696e746572616374696f6e2d64657369676e2d666f756e646174696f6e2f6e6f76612d68746d6c2d636172642f646f776e6c6f616473)](https://packagist.org/packages/interaction-design-foundation/nova-html-card)[![Type coverage](https://camo.githubusercontent.com/9b299a5c78ead7db149f394fd9b58681c5499ec4b9ad4f51dcb843d5487539be/68747470733a2f2f73686570686572642e6465762f6769746875622f496e746572616374696f6e44657369676e466f756e646174696f6e2f6e6f76612d68746d6c2d636172642f636f7665726167652e737667)](https://shepherd.dev/github/InteractionDesignFoundation/nova-html-card) Adds a card to the Laravel Nova dashboard with any arbitrary HTML content. [![image](https://user-images.githubusercontent.com/5278175/60386958-35899080-9aa5-11e9-8e1f-b29e95c80d2c.png)](https://user-images.githubusercontent.com/5278175/60386958-35899080-9aa5-11e9-8e1f-b29e95c80d2c.png) Installation ------------ [](#installation) You can install the package in to a Laravel app that uses [Nova](https://nova.laravel.com) via composer: ``` composer require interaction-design-foundation/nova-html-card ``` Usage ----- [](#usage) [Register your new card](https://nova.laravel.com/docs/2.0/customization/cards.html#registering-cards). ``` use InteractionDesignFoundation\HtmlCard\HtmlCard; public function cards() { return [ (new HtmlCard())->width('1/3')->html('Hello World!'), (new HtmlCard())->width('1/3')->markdown('# Hello World!'), (new HtmlCard())->width('1/3')->view('cards.hello', ['name' => 'World']), ]; } ``` ### Options [](#options) - Set content - `->html('Hello!')`: Set HTML or plain content. - `->markdown('# Hello!')`: Set Markdown content that will be converted into HTML. - `->view('path.to.view', [])`: Specify blade view file and optionally pass an array of data to view. - Styling - `->center(false)`: Center card's content. `false` by default. - `->withoutCardStyles(true)`: Whether to use standard Nova Card styles for a card (background, padding, etc). `false` by default. - `->withBasicStyles()`: Adds some basic styling to the HTML elements in the card. Useful when rendering Markdown. Why this package? ----------------- [](#why-this-package) There are a few packages with similar functionality. Our package provides an API to cover all cases covered by these packages plus additionally provides some unique features like: - Markdown support - easy switch between class Nova-card look and raw-HTML look - Simple, Laravel-like API Changelog --------- [](#changelog) Please see [Releases](https://github.com/InteractionDesignFoundation/nova-html-card/releases) for more information on what has changed recently. Updating assets --------------- [](#updating-assets) After updating assets, you need to "recompile" them for production: ``` composer i npm i npm run nova:install npm run prod ``` Contributing ------------ [](#contributing) Please see [CONTRIBUTING](CONTRIBUTING.md) for details. License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE) for more information. ### Health Score 62 — FairBetter than 99% of packages Maintenance84 Actively maintained with recent releases Popularity48 Moderate usage in the ecosystem Community23 Small or concentrated contributor base Maturity77 Established project with proven stability Bus Factor1 Top contributor holds 75% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~126 days Recently: every ~173 days Total 20 Last Release 115d ago Major Versions 1.3.1 → 2.0.02021-12-06 2.0.0 → 3.0.0-rc12022-04-27 1.3.2 → 3.2.02024-02-28 PHP version history (3 changes)1.1PHP >=7.1.0 1.3.0PHP >=8.0 3.2.0PHP ^8.1 ### Community Maintainers ![](https://www.gravatar.com/avatar/c9acedf8ce33bd0f1b27bc0de9ea640544c778c1752263254e9591b2f2661dec?d=identicon)[alies-dev](/maintainers/alies-dev) ![](https://www.gravatar.com/avatar/da9774cd2a66143b781db8aa0674523bdc7abcd220e5a1a6c54858d3c2665c27?d=identicon)[IxDF](/maintainers/IxDF) --- Top Contributors [![alies-dev](https://avatars.githubusercontent.com/u/5278175?v=4)](https://github.com/alies-dev "alies-dev (90 commits)")[![renovate[bot]](https://avatars.githubusercontent.com/in/2740?v=4)](https://github.com/renovate[bot] "renovate[bot] (13 commits)")[![shawnheide](https://avatars.githubusercontent.com/u/7305354?v=4)](https://github.com/shawnheide "shawnheide (8 commits)")[![lptn](https://avatars.githubusercontent.com/u/150333538?v=4)](https://github.com/lptn "lptn (7 commits)")[![bluec](https://avatars.githubusercontent.com/u/1577895?v=4)](https://github.com/bluec "bluec (1 commits)")[![timciep](https://avatars.githubusercontent.com/u/2245341?v=4)](https://github.com/timciep "timciep (1 commits)") --- Tags hacktoberfestlaravellaravel-novalaravel-nova-cardnovalaravelhtmlmarkdowntextnovalaravel-nova-card ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/idf-nova-html-card/health.svg) ``` [![Health](https://phpackages.com/badges/idf-nova-html-card/health.svg)](https://phpackages.com/packages/idf-nova-html-card) ``` ### Alternatives [interaction-design-foundation/nova-html-card A Laravel Nova card to display arbitrary HTML content 67731.2k3](/packages/interaction-design-foundation-nova-html-card)[texy/texy Texy converts plain text in easy to read Texy syntax into structurally valid (X)HTML. It supports adding of images, links, nested lists, tables and has full support for CSS. Texy supports hyphenation of long words (which reflects language rules), clickable emails and URL (emails are obfuscated against spambots), national typographic single and double quotation marks, ellipses, em dashes, dimension sign, nonbreakable spaces (e.g. in phone numbers), acronyms, arrows and many others. Texy code can optionally contain HTML tags. 161838.9k15](/packages/texy-texy)[dniccum/nova-documentation A Laravel Nova tool that allows you to add markdown-based documentation to your administrator's dashboard. 37116.4k](/packages/dniccum-nova-documentation)[stepanenko3/nova-json Nova json field to spread a json column throughout multiple fields. 42249.7k](/packages/stepanenko3-nova-json)[cartalyst/interpret A driver-based content rendering package, with support for HTML, Markdown & plain text. You can register custom drivers for custom content types. 1914.7k](/packages/cartalyst-interpret)[digital-creative/nova-json-wrapper Allows you to group Nova fields and merge their output into a single JSON column. 1379.9k1](/packages/digital-creative-nova-json-wrapper) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)