Redesign site to match dprint.dev style#64
Merged
Conversation
Reworks plugins.dprint.dev to share the redesigned dprint.dev design system: IBM Plex Mono, dark theme with the #8b93a1 accent, sticky blurred nav and footer, glow hero title, and card-based sections. - Hero with eyebrow + glowing "Plugins" title - Plugin registry as a styled table (swatch, version pill, monospace URL, right-aligned download counts, copy button) that collapses to cards on mobile - Helpful CLI commands as a card grid, plus a glowing CTA card - Copy button now uses navigator.clipboard with execCommand fallback and shows feedback - Split the markup into homeView.tsx (type-only imports) so the page can be rendered without the server data layer
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
dprint-plugins | ed7e809 | Commit Preview URL Branch Preview URL |
Jun 28 2026, 08:07 PM |
Member
Author
|
This made me realize that we should move this to the main website. Going to close. |
The plugin registry now lives on the dprint.dev docs site, so strip plugins.dprint.dev down to just the registry table plus a link to the docs — no hero, nav, command cards, or CTA.
Size the plugin name column to its content so long names like dprint-plugin-typescript aren't truncated, widen the page, and add the helpful CLI commands list back below the table.
Member
Author
|
Actually, it made the docs too cluttered. |
A slim filter input in the top bar narrows the table client-side as you type (matching plugin name and URL), with a "no matches" empty state.
Build the search string from each plugin's description, config key, file extensions/names, and — for exec-style plugins — the extensions and commands under configItems. So "scss", "python", or "zig" now find the right plugin, not just its name or URL.
Add a curated "keywords" array to each plugin in info.json (e.g. exec gets "rust", pretty_yaml gets "kubernetes", biome gets "rome") and fold them into the search index so plugins surface by related terms, not just their name, description, or file extensions.
gofumpt (jakebailey/gofumpt) has docs and is a known repo but was never added to info.json's latest array, so it didn't show in the registry.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Reworks plugins.dprint.dev to share the redesigned dprint.dev design system.
Changes
dprint.dev: IBM Plex Mono,#1e1e1ebackground,#8b93a1accent, sticky blurred nav + matching footer, glow hero title,// eyebrowlabels, shared button styles.navigator.clipboard(withexecCommandfallback) and shows "copied ✓" feedback.homeView.tsx(type-only imports) so the page can be rendered without the server data layer, keepinghome.tsxto just the data fetch.Verification
tsc --noEmitpasses.