News
diff --git a/apps/app-frontend/src/components/ui/PrideFundraiserBanner.vue b/apps/app-frontend/src/components/ui/PrideFundraiserBanner.vue
new file mode 100644
index 000000000..4827742f3
--- /dev/null
+++ b/apps/app-frontend/src/components/ui/PrideFundraiserBanner.vue
@@ -0,0 +1,123 @@
+
+
+
+
-import { DropdownIcon, EditIcon, PlusIcon, TrashIcon } from '@modrinth/assets'
+import { DropdownIcon, EditIcon, PlusIcon, TrashIcon, UnknownIcon } from '@modrinth/assets'
import {
Accordion,
ButtonStyled,
@@ -11,6 +11,7 @@ import {
useVIntl,
} from '@modrinth/ui'
import { useElementSize, useWindowSize } from '@vueuse/core'
+import { Tooltip } from 'floating-vue'
import { computed, nextTick, onUnmounted, ref, useTemplateRef, watch } from 'vue'
import type { RenderResult } from '@/helpers/rendering/batch-skin-renderer.ts'
@@ -24,6 +25,7 @@ type AddSkinButtonRef = SkinLikeTextButtonExpose | SkinLikeTextButtonExpose[]
interface DefaultSkinSection {
title: string
+ infoTooltip?: string
skins: Skin[]
}
@@ -31,6 +33,7 @@ interface SkinSection {
key: string
title: string
kind: SkinSectionKind
+ infoTooltip?: string
skins: Skin[]
}
@@ -145,6 +148,7 @@ const sections = computed(() => [
key: defaultSkinSectionKey(section.title),
title: section.title,
kind: 'default' as const,
+ infoTooltip: section.infoTooltip,
skins: section.skins,
})),
])
@@ -330,6 +334,24 @@ defineExpose({ getAddSkinButtonElement })
{{ section.title }}
+
+
+
+
+
+
+
+
diff --git a/apps/app-frontend/src/components/ui/friends/FriendsList.vue b/apps/app-frontend/src/components/ui/friends/FriendsList.vue
index ba9e78d69..cff91a960 100644
--- a/apps/app-frontend/src/components/ui/friends/FriendsList.vue
+++ b/apps/app-frontend/src/components/ui/friends/FriendsList.vue
@@ -393,7 +393,6 @@ const messages = defineMessages({
+ {{ section.infoTooltip }} +
+ + now
+}
diff --git a/apps/app-frontend/src/locales/en-US/index.json b/apps/app-frontend/src/locales/en-US/index.json
index 8b04360fe..5d909a577 100644
--- a/apps/app-frontend/src/locales/en-US/index.json
+++ b/apps/app-frontend/src/locales/en-US/index.json
@@ -431,6 +431,15 @@
"app.skins.section.minecon-earth-2017": {
"message": "MINECON Earth 2017"
},
+ "app.skins.section.modrinth": {
+ "message": "Modrinth"
+ },
+ "app.skins.section.modrinth-pride": {
+ "message": "Modrinth Pride"
+ },
+ "app.skins.section.modrinth-pride.tooltip": {
+ "message": "You received these skins for donating to a Modrinth Pride fundraiser during Pride Month."
+ },
"app.skins.section.mounts-of-mayhem": {
"message": "Mounts of Mayhem"
},
diff --git a/apps/app-frontend/src/pages/Skins.vue b/apps/app-frontend/src/pages/Skins.vue
index 9b4490a72..58bb228f5 100644
--- a/apps/app-frontend/src/pages/Skins.vue
+++ b/apps/app-frontend/src/pages/Skins.vue
@@ -13,11 +13,14 @@ import {
commonMessages,
ConfirmModal,
defineMessages,
+ injectAuth,
+ injectModrinthClient,
injectNotificationManager,
SkinPreviewRenderer,
useVIntl,
} from '@modrinth/ui'
import { arrayBufferToBase64 } from '@modrinth/utils'
+import { useQuery } from '@tanstack/vue-query'
import { type DragDropEvent, getCurrentWebview } from '@tauri-apps/api/webview'
import { computedAsync } from '@vueuse/core'
import type { Ref } from 'vue'
@@ -44,6 +47,7 @@ import {
normalize_skin_texture,
remove_custom_skin,
} from '@/helpers/skins.ts'
+import { hasPride26Badge } from '@/helpers/user-campaigns.ts'
import { handleSevereError } from '@/store/error'
import { useTheming } from '@/store/state'
@@ -53,11 +57,25 @@ type VirtualSkinSectionListExpose = {
}
const PENDING_SKIN_REFRESH_DELAY_MS = 11_000
+const DEFAULT_SKIN_SECTION_SORT_ORDER = ['Default skins', 'Modrinth Pride']
const messages = defineMessages({
skinSelectorTitle: {
id: 'app.skins.title',
defaultMessage: 'Skin selector',
},
+ modrinthPrideSection: {
+ id: 'app.skins.section.modrinth-pride',
+ defaultMessage: 'Modrinth Pride',
+ },
+ modrinthPrideTooltip: {
+ id: 'app.skins.section.modrinth-pride.tooltip',
+ defaultMessage:
+ 'You received these skins for donating to a Modrinth Pride fundraiser during Pride Month.',
+ },
+ modrinthSection: {
+ id: 'app.skins.section.modrinth',
+ defaultMessage: 'Modrinth',
+ },
defaultSkinsSection: {
id: 'app.skins.section.default-skins',
defaultMessage: 'Default skins',
@@ -157,6 +175,8 @@ const skinSectionList = useTemplateRef('skinSectio
const { formatMessage } = useVIntl()
const notifications = injectNotificationManager()
const { addNotification, handleError } = notifications
+const auth = injectAuth()
+const client = injectModrinthClient()
const themeStore = useTheming()
const skins = ref([])
@@ -180,22 +200,42 @@ const savedSkins = computed(() => {
return []
}
})
-const defaultSkins = computed(() => filterDefaultSkins(skins.value))
+const { data: modrinthUser } = useQuery({
+ queryKey: computed(() => ['authenticated-user', 'campaigns', auth.user.value?.id]),
+ queryFn: () => client.labrinth.users_v3.getAuthenticated(),
+ enabled: () => !!auth.session_token.value,
+ retry: false,
+})
+const hasModrinthPrideCampaign = computed(
+ () => !!auth.session_token.value && hasPride26Badge(modrinthUser.value?.campaigns?.pride_26),
+)
+const defaultSkins = computed(() =>
+ filterDefaultSkins(skins.value).filter(
+ (skin) => skin.section !== 'Modrinth Pride' || hasModrinthPrideCampaign.value,
+ ),
+)
const defaultSkinSections = computed(() => {
const sections = new Map()
for (const skin of defaultSkins.value) {
- const sectionTitle = getDefaultSkinSectionTitle(skin.section)
- const sectionSkins = sections.get(sectionTitle)
+ const section = skin.section ?? 'Default skins'
+ const sectionSkins = sections.get(section)
if (sectionSkins) {
sectionSkins.push(skin)
} else {
- sections.set(sectionTitle, [skin])
+ sections.set(section, [skin])
}
}
- return Array.from(sections, ([title, skins]) => ({ title, skins }))
+ return Array.from(sections, ([section, skins]) => ({
+ section,
+ title: getDefaultSkinSectionTitle(section),
+ infoTooltip: getDefaultSkinSectionInfoTooltip(section),
+ skins,
+ })).sort(
+ (a, b) => getDefaultSkinSectionSortIndex(a.section) - getDefaultSkinSectionSortIndex(b.section),
+ )
})
const currentCape = computed(() => {
@@ -303,6 +343,10 @@ function isMinecraftSkinRateLimitError(error: unknown) {
function getDefaultSkinSectionTitle(section?: string) {
switch (section) {
+ case 'Modrinth Pride':
+ return formatMessage(messages.modrinthPrideSection)
+ case 'Modrinth':
+ return formatMessage(messages.modrinthSection)
case 'MINECON Earth 2017':
return formatMessage(messages.mineconEarth2017Section)
case 'Builders & Biomes':
@@ -326,6 +370,20 @@ function getDefaultSkinSectionTitle(section?: string) {
}
}
+function getDefaultSkinSectionInfoTooltip(section: string) {
+ switch (section) {
+ case 'Modrinth Pride':
+ return formatMessage(messages.modrinthPrideTooltip)
+ default:
+ return undefined
+ }
+}
+
+function getDefaultSkinSectionSortIndex(section: string) {
+ const index = DEFAULT_SKIN_SECTION_SORT_ORDER.indexOf(section)
+ return index === -1 ? DEFAULT_SKIN_SECTION_SORT_ORDER.length : index
+}
+
function changeSkin(newSkin: Skin) {
selectedSkin.value = newSkin
}
diff --git a/apps/app-frontend/src/store/theme.ts b/apps/app-frontend/src/store/theme.ts
index 3eaa07337..70625aa6c 100644
--- a/apps/app-frontend/src/store/theme.ts
+++ b/apps/app-frontend/src/store/theme.ts
@@ -9,6 +9,7 @@ export const DEFAULT_FEATURE_FLAGS = {
server_ram_as_bytes_always_on: false,
always_show_app_controls: false,
skip_unknown_pack_warning: false,
+ pride_fundraiser: true,
i18n_debug: false,
}
diff --git a/apps/frontend/nuxt.config.ts b/apps/frontend/nuxt.config.ts
index 83f428f01..45f1526eb 100644
--- a/apps/frontend/nuxt.config.ts
+++ b/apps/frontend/nuxt.config.ts
@@ -75,10 +75,10 @@ export default defineNuxtConfig({
},
ssr: {
// https://github.com/Akryum/floating-vue/issues/809#issuecomment-1002996240
- noExternal: ['v-tooltip'],
- optimizeDeps: {
- include: ['vue-router'],
- },
+ noExternal: ['floating-vue', '@floating-ui/core', '@floating-ui/dom'],
+ },
+ optimizeDeps: {
+ include: ['vue-router', 'floating-vue', '@floating-ui/dom'],
},
define: {
global: {},
diff --git a/apps/frontend/src/public/news/article/pride-campaign-2026/mrpack-pride-banner.webp b/apps/frontend/src/public/news/article/pride-campaign-2026/mrpack-pride-banner.webp
new file mode 100644
index 000000000..dec24a621
Binary files /dev/null and b/apps/frontend/src/public/news/article/pride-campaign-2026/mrpack-pride-banner.webp differ
diff --git a/apps/frontend/src/public/news/article/pride-campaign-2026/pride-badge.webp b/apps/frontend/src/public/news/article/pride-campaign-2026/pride-badge.webp
new file mode 100644
index 000000000..c72207512
Binary files /dev/null and b/apps/frontend/src/public/news/article/pride-campaign-2026/pride-badge.webp differ
diff --git a/apps/frontend/src/public/news/article/pride-campaign-2026/thumbnail.webp b/apps/frontend/src/public/news/article/pride-campaign-2026/thumbnail.webp
new file mode 100644
index 000000000..f8b1e231c
Binary files /dev/null and b/apps/frontend/src/public/news/article/pride-campaign-2026/thumbnail.webp differ
diff --git a/apps/frontend/src/public/news/feed/articles.json b/apps/frontend/src/public/news/feed/articles.json
index fd5b096b6..a110eb65a 100644
--- a/apps/frontend/src/public/news/feed/articles.json
+++ b/apps/frontend/src/public/news/feed/articles.json
@@ -1,5 +1,12 @@
{
"articles": [
+ {
+ "title": "Pride 2026 Fundraiser: Matching up to $5,000",
+ "summary": "Celebrating our community and working together to make a difference.",
+ "thumbnail": "https://modrinth.com/news/article/pride-campaign-2026/thumbnail.webp",
+ "date": "2026-06-01T16:00:00.000Z",
+ "link": "https://modrinth.com/news/article/pride-campaign-2026"
+ },
{
"title": "Project Analytics are good now",
"summary": "Get deeper insights into how people are using your projects with breakdowns, filtering, and more!",
diff --git a/apps/frontend/src/public/news/feed/rss.xml b/apps/frontend/src/public/news/feed/rss.xml
index a6a7c270c..1616d68c7 100644
--- a/apps/frontend/src/public/news/feed/rss.xml
+++ b/apps/frontend/src/public/news/feed/rss.xml
@@ -4,15 +4,23 @@
@modrinth/blog
- Fri, 29 May 2026 19:14:27 GMT
+ Sat, 30 May 2026 22:33:00 GMT
-
+
<![CDATA[Pride 2026 Fundraiser: Matching up to $5,000]]>
+ https://modrinth.com/news/article/pride-campaign-2026/
+ Mon, 01 Jun 2026 16:00:00 GMT
+ <![CDATA[<h2>Happy Pride Month!</h2><p>Pride is a time for celebration, self-expression, and community. Queer individuals are part of Modrinth at every level: across our team, our creator community, and the wider Minecraft community as a whole. We're very proud to be vocal in our support for LGBTQIA+ rights all year round.</p><p>But for many people, Pride is a celebration that comes with great risk. Recent reporting shows there's no shortage of tragedies facing LGBTQIA+ people. Threats, attacks, and even worse happen around the world - <a href="https://www.yahoo.com/news/articles/most-amazing-human-being-ever-024305055.html" rel="noopener nofollow ugc">Juniper Blessing</a> and <a href="https://www.advocate.com/news/crime/black-drag-artist-virginia-murdered" rel="noopener nofollow ugc">Shyyell Diamond Sanchez-McCray</a>, trans rights activists <a href="https://www.theguardian.com/global-development/2026/jan/27/pakistan-transgender-attacks-killings" rel="noopener nofollow ugc">Zehrish Khanzadi and Bindiya Rana</a> surviving gunfire in Pakistan, and <a href="https://en.wikipedia.org/wiki/List_of_acts_of_violence_against_LGBTQ_people" rel="noopener nofollow ugc">many more</a> cases like these are reminders that safety is not guaranteed for some members of our community.</p><p>That's why this Pride Month, Modrinth will be running a fundraiser supporting <a href="https://www.rainbowrailroad.org/" rel="noopener nofollow ugc"><strong>Rainbow Railroad</strong></a>.</p><p>Rainbow Railroad works with LGBTQIA+ people who are facing danger, helping to connect them with support, resources, and pathways to safe countries. Through their <strong>Solidarity in Pride 2026</strong> campaign, they're raising funds to help at-risk LGBTQIA+ people access safety when staying in place is no longer an option.</p><p><a href="https://tiltify.com/+modrinth/modrinth-pride-2026" class="!text-2xl font-semibold">You can support the fundraiser here.</a></p><p><strong>When donating, please enter your <em>Modrinth username</em> as the <em>Tiltify display name</em> so we can apply any eligible rewards to your account!</strong></p><h2>Donation Matching Commitment</h2><p>We want to maximize the impact our community can make.</p><p>To help achieve this, we've committed to matching all donations 1:1 until our fundraising goal of $5,000 has been met.</p><h2>Donor Rewards</h2><p>This year, we will also be providing rewards as a small thank you to everyone who supports the fundraiser. Including a few limited rewards specific to this year's fundraiser!</p><h3>Pride Badge 2026 & Pride Skins</h3><p>Everyone who donates will receive a special Pride 2026 profile badge on Modrinth.</p><img width="204px" height="204px" class="mx-auto mb-4" src="/news/article/pride-campaign-2026/pride-badge.webp"><p>Supporters with this badge will also unlock a special Pride section in the Skin selector in the Modrinth App featuring the incredibly cute Mr. Pack in Pride-themed, exclusive Modrinth skins:</p><p><img src="/news/article/pride-campaign-2026/mrpack-pride-banner.webp" alt="Mr. Pack Pride skins"></p><h3>Modrinth+</h3><p>Donations of $5 (USD) or more will grant you with free <a href="/plus" rel="noopener nofollow ugc">Modrinth+</a> benefits for 1 month as an additional thank-you - available to users who do not already have an active Modrinth+ subscription.</p><h2>Pride Collection 2026</h2><p>Alongside the fundraiser, we're also launching the <a href="/collection/M4c3ITvd" rel="noopener nofollow ugc">Modrinth Pride Collection!</a></p><p>This collection highlights projects made by and for the queer community, including mods, resource packs, modpacks, plugins, and more across Modrinth.</p><p><a href="https://tally.so/r/GxQBbO" rel="noopener nofollow ugc"><strong>You can submit projects all month long</strong></a></p><p>Throughout June, we'll be featuring selected projects from the collection across our social media alongside our usual creator spotlights. Pride is about visibility, and we want to use this month to celebrate the LGBTQIA+ creators and communities that help make Modrinth what it is.</p>]]>
+
-
<![CDATA[Project Analytics are good now]]>
https://modrinth.com/news/article/analytics-overhaul/
- Fri, 29 May 2026 11:00:00 GMT
+ Fri, 29 May 2026 20:00:00 GMT
<![CDATA[<p>Hey everyone!</p><p>It's been over two years since we <a href="/news/article/creator-update/" rel="noopener nofollow ugc">initially launched analytics</a> for creators, and in that time we have gotten many requests from creators in the community to be able to see more data about their projects.</p><p>I’m excited to share a complete overhaul to project analytics.</p><p>With a new query builder and a lot of new data, you can finally dig into how people are playing your content.</p><div class="video-wrapper mb-8"><video autoplay loop muted playsinline><source src="./analytics-demo.mp4" type="video/mp4"></video></div><h2>TL;DR</h2><ul><li>New advanced query builder</li><li>Breakdown and filter by tons of different metrics</li><li>Playtime metrics</li><li>Line, area, and bar chart views</li><li>Table view</li><li>Event markers for project releases and Modrinth outages</li></ul><h2>Explore your data</h2><p>To kick things off, let’s talk about the new query builder. At the top of the analytics dashboard, you’ll find a set of controls that lets you ask questions about your projects. You can select projects, choose a timeframe, and add breakdowns and filters to explore exactly the data you want.</p><div class="video-wrapper mb-8"><video autoplay loop muted playsinline><source src="./query-builder.mp4" type="video/mp4"></video></div><h3>Selecting projects</h3><p>The first step is to choose the projects you want to look at. You can select projects you own, along with projects you’re associated with through organizations.</p><p>When not viewing analytics from a project, the page defaults to selecting all projects and breaking down by project.</p><h3>Timeframes + interval</h3><p>Next, select a timeframe and group results by an interval. We’ve added several timeframe presets like “Last 30 Days”, along with a custom date range picker. The intervals you can group by are based on the timeframe.</p><h3>Breakdowns + filters</h3><p>Lastly, the meat and potatoes: breakdowns and filters. Breakdowns split your data into groups to compare. Filters narrow the data down to only what you want to see. You can select up to two breakdowns and as many filters as you want. The following breakdowns and filters are available:</p><ul><li><strong>Project</strong> — Only available when more than one project is selected</li><li><strong>Country</strong></li><li><strong>Monetization</strong> — Shows whether downloads or views are monetized or unmonetized</li><li><strong>Download source</strong> — Shows what launchers your downloads are coming from</li><li><strong>Download reason</strong> — Shows if your project was downloaded as part of a modpack, dependency, or standalone.</li><li><strong>Project version</strong></li><li><strong>Loader</strong> — Shows what loaders people are downloading your project for</li><li><strong>Game version</strong> — Shows what game versions people are downloading your project for</li></ul><h2>Metrics overview</h2><p>After selecting your query parameters, all of the data below updates automatically. At the top is an overview with four metric cards showing total views, downloads, revenue, and playtime. Playtime is a new metric that tracks hours played by users in Modrinth App.</p><p>You can select any metric card to explore that data further on the graph below.</p><p><img src="/news/article/analytics-overhaul/metrics-overview.png" alt="A screenshot of the new project analytics metric cards showing views, downloads, revenue, and playtime."></p><h2>Graph visualization</h2><p>The graph got a fresh coat of paint too. There are now three different views: line, area, and bar. Depending on your query and selected graph view, additional options may be available for things like comparing against the previous period or showing values as a ratio instead of a raw amount.</p><div class="video-wrapper mb-8"><video autoplay loop muted playsinline><source src="./graph-views.mp4" type="video/mp4"></video></div><p>The parameters shown on the graph are controlled through the table card below by checking rows. By default, the graph will pre-select up to the first eight parameters based on the current table sorting. You can also hide parameters directly from the graph by clicking them in the legend.</p><h3>Event markers</h3><p>Another new addition to the graphs are events. Event markers are designed to provide context for unusual trends on the graph. There are two types of events:</p><ul><li><strong>Project Events:</strong> Notable changes related to your project, such as status changes or version releases</li><li><strong>Modrinth Events:</strong> Things that happened on Modrinth that may affect analytics, such as revenue being overreported or analytics outages</li></ul><h2>Table visualization</h2><p>We’ve also added a new table view at the bottom that displays the full results for your query. The table makes comparing views, downloads, revenue, and playtime much easier.</p><p>You can also export the table as a CSV to manipulate the data in other tools, with options to include the selected interval.</p><p><img src="/news/article/analytics-overhaul/breakdown-table.png" alt="A screenshot of the project analytics breakdown table showing country rows and metric columns."></p><h2>Contributing analytics data</h2><p>Some of this data is only available due to support from the launcher or installer downloading the content. If you develop a website, app, or utility that uses the Modrinth CDN to download content, you can also send analytics data back to creators. When sending requests to <code>cdn.modrinth.com</code>, include the <code>modrinth-download-meta</code> header:</p><pre><code class="language-json">{
"reason": "standalone" | "dependency" | "modpack" | "update",
"game_version": "<valid game version tag>",
@@ -330,4 +338,4 @@
<![CDATA[<p>Hello, we are Modrinth – an open source mods hosting platform. Sounds dry, doesn't it? So let me tell you our story – and I promise, it won't be boring!</p><h2>Prelude and conception</h2><p>Before Modrinth was even thought of, there already were several giant platforms for mod hosting. However, most of them were too specialized, outdated, or transitively dependent on an uncaring hegemonic 3rd party. Authors and players were always in struggle. The community had to choose 2 out of 3: inconvenience, indifference, obsolescence. Urge for better service, either new or renewed, just founded or acquired arose.</p><p>Although demand for proper competition is the seed, the germ of Modrinth, the biggest role was played by the Fabric project. It set an example of a community-powered alternative. It was democratic, FOSS, listening to the community, and welcoming contribution and 3rd party initiatives. They have shown the modding community that they can evolve and adapt, be accessible and welcoming, cooperative, and caring.</p><h2>Fabricate and HexFabric</h2><p>And, oh boy, did they connect – the demand for competition grew so high, that at some point the community just exploded with novelty. During several months, almost a dozen projects were aiming to be the second Walmart, the third IKEA, the fourth Amazon for your mods. Here beings the story of HexFabrics... – wait, what? What's that?</p><blockquote><p>HexFabric is an umbrella term for modern mod hosting technology. It got its name from Fabric, which at the point was poorly supported (if at all) by the major players on the stage. In practice, HexFabric is just a cozy Discord server, on which several projects have their deputizing channels.</p></blockquote><p>Back on track – Lots of HexFabrics were founded almost simultaneously. Altar.gg, Astronave, Diluv, ModForest, Minerepo... and, most importantly, Fabricate.</p><p>Fabricate began its journey as a proprietary project indexing website by a single developer – Geometrically. It remained relatively unnoticed for a couple of weeks, and then it started gaining attention. This new website has amazing search! Yup, the whole thing was primarily about making seamless, gracious, appeasing smart real-time search. The community is now intrigued.</p><h2>Becoming a team</h2><p>"But this looks awful! And it's proprietary!" – a few voices said. Among those voices were falseresync and MulverineX. They both had several objections to that and were pestering the original author. "FOSS is the true way for community project" and "Just use a license to prevent others from creating instances of your work," they told.</p><p>Yet Fabricate remained proprietary for a while. However, once the pressure on the author became high, they gave up and open-sourced their work. This was the birth of Modrinth. It did not get its name for a little while longer though.</p><p>Now that Modrinth was open source, it started gaining traction. Remember falseresync and MulverineX? They joined Geometrically on the branding site, and somewhere in the middle of the brainstorming process the logo and the name were born. At the same time AppleTheGolden, Aeledfyr, and Redblueflame began contributing to the actual code of the project, which is – nowadays known to everyone – in Rust. A solo suddenly became a team, ready for whatever future holds.</p><h2>Development non-stop</h2><p>The newly born FOSS project is now evolving swiftly. Before our team arose the question: monolithic vs split app architecture. Monolithic would be easier to deploy and can serve pages quicker. The split architecture will simplify the development and allow for a feature-full user experience. The discussion was hot, and the sides were fierce. Nevertheless, the split pattern won. Now it was time to make proper backend and frontend apps.</p><p>The work first began with the backend. Aeled, Red, and Geo started detaching API methods from visuals. The team worked hard. Consequent to the API splitting from the GUI, it became getting new and exciting features. The first feature to be added was custom Modrinth mods – before that, the website only indexed the competitor's service.</p><p>However, for that to happen there had to be another step taken – migration from MongoDB to PostgreSQL. It was crucial for efficient data storage and complex relationships between projects. And the biggest propagator of that change was Apple, who introduced and successfully defended their case.</p><p>Thus, with custom mods, better yet search has been implemented. After search, user accounts with external log-in made their way into the project. Now it first creators started uploading their mods – a monumental achievement.</p><p>After the first creators came more – the community began taking Modrinth as a serious alternative hosting. At some point, uploads accelerated to the point that our team was forced to redo their plans and establish project editing and moderation considerably earlier than it could have been. Besides, creators need analytics, they need teams, they needed support system. So the backend developers tried their best to keep up and achieved their goals through enthusiastic labor and dedication.</p><h2>Refreshed look</h2><p>Although, on the frontend side things weren't as bright, unfortunately. Once falseresync presented the new look and feel Modrinth should aim for, he was forced to dedicate less time to the project. As a consequence, the frontend was implemented rather haphazardly and was lacking in features compared to the backend.</p><p>However, this did not stop the project from evolving. The backend team has continued to expand on existing features, and after a long period of time, the savior descended on the frontend – Prospector, who rapidly became a crucial contributor and a part of the team. With new and comprehensive design guidance from falseresync and critique from MulverineX and the community, Prospector achieved feature parity with backend and greatly improved the website look and feel.</p><p>Improving the frontend wasn't an easy job: naughty CSS, runtime errors, the abundance of framework-related nuances – all were obstacles, and all were defeated. Through battles with web technologies, jokes about quirky styles, and hard work our team created the UI you see today.</p><h2>Going beta</h2><blockquote><p>You have to believe that the dots will somehow connect in your future. <em>– Steve Jobs</em></p></blockquote><p>With the story complete, we are proud to announce that the Modrinth beta will be coming out on November 30th, with a refreshed look and a feature-complete modding website! It is a tremendous achievement for us and the community, which we are very proud of.</p><p>It is heart-warming to admit that we're finally going officially online. We know it's not perfect yet. But regardless, we will continue our passion project as a team, and we will expand on it and make it only better!</p><p>Stay tuned!</p>]]>
-
\ No newline at end of file
+
diff --git a/packages/api-client/src/modules/index.ts b/packages/api-client/src/modules/index.ts
index 3f3c901dc..841679634 100644
--- a/packages/api-client/src/modules/index.ts
+++ b/packages/api-client/src/modules/index.ts
@@ -18,6 +18,7 @@ import { LabrinthAnalyticsV3Module } from './labrinth/analytics/v3'
import { LabrinthAuthInternalModule } from './labrinth/auth/internal'
import { LabrinthAuthV2Module } from './labrinth/auth/v2'
import { LabrinthBillingInternalModule } from './labrinth/billing/internal'
+import { LabrinthCampaignInternalModule } from './labrinth/campaign/internal'
import { LabrinthCollectionsModule } from './labrinth/collections'
import { LabrinthExternalProjectsInternalModule } from './labrinth/external-projects/internal'
import { LabrinthGlobalsInternalModule } from './labrinth/globals/internal'
@@ -80,6 +81,7 @@ export const MODULE_REGISTRY = {
labrinth_auth_internal: LabrinthAuthInternalModule,
labrinth_auth_v2: LabrinthAuthV2Module,
labrinth_billing_internal: LabrinthBillingInternalModule,
+ labrinth_campaign_internal: LabrinthCampaignInternalModule,
labrinth_collections: LabrinthCollectionsModule,
labrinth_external_projects_internal: LabrinthExternalProjectsInternalModule,
labrinth_globals_internal: LabrinthGlobalsInternalModule,
diff --git a/packages/api-client/src/modules/labrinth/campaign/internal.ts b/packages/api-client/src/modules/labrinth/campaign/internal.ts
new file mode 100644
index 000000000..4becefad6
--- /dev/null
+++ b/packages/api-client/src/modules/labrinth/campaign/internal.ts
@@ -0,0 +1,21 @@
+import { AbstractModule } from '../../../core/abstract-module'
+import type { Labrinth } from '../types'
+
+export class LabrinthCampaignInternalModule extends AbstractModule {
+ public getModuleID(): string {
+ return 'labrinth_campaign_internal'
+ }
+
+ /**
+ * Get Pride 2026 campaign fundraising progress.
+ * GET /_internal/campaign/pride-26
+ */
+ public async getPride26(): Promise {
+ return this.client.request('/campaign/pride-26', {
+ api: 'labrinth',
+ version: 'internal',
+ method: 'GET',
+ skipAuth: true,
+ })
+ }
+}
diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index b582a5f34..ab79ac6f1 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -1,6 +1,17 @@
+import type { RawDecimal } from '../../utils/types'
import type { ISO3166 } from '../iso3166/types'
export namespace Labrinth {
+ export namespace Campaign {
+ export namespace Internal {
+ export type CampaignInfo = {
+ total_donations_usd: RawDecimal
+ target_usd: RawDecimal
+ num_donators: number
+ }
+ }
+ }
+
export namespace Billing {
export namespace Internal {
export type PriceDuration = 'five-days' | 'monthly' | 'quarterly' | 'yearly'
@@ -1025,6 +1036,7 @@ export namespace Labrinth {
icon_url: string | null
color: number | null
members: Projects.v3.TeamMember[]
+ moderation_notes?: Users.Common.ModerationNote | null
}
export type CreateOrganizationRequest = {
@@ -1249,7 +1261,7 @@ export namespace Labrinth {
}
export namespace Users {
- namespace Common {
+ export namespace Common {
export type Role = 'developer' | 'moderator' | 'admin'
export type AuthProvider =
@@ -1267,6 +1279,15 @@ export namespace Labrinth {
venmo_handle?: string
balance: number
}
+
+ export type ModerationNote = {
+ notes: string
+ last_modified: string
+ created_at: string
+ last_author: string
+ user_rating: number
+ version: number
+ }
}
export namespace v2 {
@@ -1316,6 +1337,7 @@ export namespace Labrinth {
created: string
role: Role
badges: number
+ campaigns: UserCampaigns
auth_providers?: AuthProvider[]
email?: string
email_verified?: boolean
@@ -1324,7 +1346,7 @@ export namespace Labrinth {
payout_data?: UserPayoutData
stripe_customer_id?: string
allow_friend_requests?: boolean
- campaigns: UserCampaigns
+ moderation_notes?: Common.ModerationNote | null
github_id?: number
}
diff --git a/packages/api-client/src/modules/labrinth/users/v3.ts b/packages/api-client/src/modules/labrinth/users/v3.ts
index 92bc2557c..1f2088903 100644
--- a/packages/api-client/src/modules/labrinth/users/v3.ts
+++ b/packages/api-client/src/modules/labrinth/users/v3.ts
@@ -6,6 +6,18 @@ export class LabrinthUsersV3Module extends AbstractModule {
return 'labrinth_users_v3'
}
+ /**
+ * Get the authenticated user.
+ * GET /v3/user
+ */
+ public async getAuthenticated(): Promise {
+ return this.client.request('/user', {
+ api: 'labrinth',
+ version: 3,
+ method: 'GET',
+ })
+ }
+
/**
* Get a user by ID or username
*
diff --git a/packages/app-lib/src/api/minecraft_skins/assets/default/default_skins.rs b/packages/app-lib/src/api/minecraft_skins/assets/default/default_skins.rs
index 669fa24ec..bef2f5237 100644
--- a/packages/app-lib/src/api/minecraft_skins/assets/default/default_skins.rs
+++ b/packages/app-lib/src/api/minecraft_skins/assets/default/default_skins.rs
@@ -6,6 +6,7 @@ use crate::{minecraft_skins::SkinSource, state::MinecraftSkinVariant};
use super::super::super::Skin;
+const MODRINTH_PRIDE_SKIN_PACK_SECTION: &str = "Modrinth Pride";
const DEFAULT_SKINS_SECTION: &str = "Default skins";
const MINECON_EARTH_2017_SKIN_PACK_SECTION: &str = "MINECON Earth 2017";
const BUILDERS_AND_BIOMES_SKIN_PACK_SECTION: &str = "Builders & Biomes";
@@ -16,14 +17,122 @@ const THE_COPPER_AGE_SKIN_PACK_SECTION: &str = "The Copper Age";
const MOUNTS_OF_MAYHEM_SKIN_PACK_SECTION: &str = "Mounts of Mayhem";
const TINY_TAKEOVER_SKIN_PACK_SECTION: &str = "Tiny Takeover";
-/// A list of default Minecraft skins to make available to the user, created by Mojang.
+/// A list of bundled Minecraft skins to make available to the user.
pub static DEFAULT_SKINS: LazyLock> = LazyLock::new(|| {
//
- // The skins below are available in the vanilla Minecraft launcher, and were found
+ // The Mojang skins below are available in the vanilla Minecraft launcher, and were found
// by reverse engineering the behavior of the Minecraft launcher. The textures are
// publicly available at `https://textures.minecraft.net/texture/`.
//
vec and [Shyyell Diamond Sanchez-McCray](https://www.advocate.com/news/crime/black-drag-artist-virginia-murdered), trans rights activists [Zehrish Khanzadi and Bindiya Rana](https://www.theguardian.com/global-development/2026/jan/27/pakistan-transgender-attacks-killings) surviving gunfire in Pakistan, and [many more](https://en.wikipedia.org/wiki/List_of_acts_of_violence_against_LGBTQ_people) cases like these are reminders that safety is not guaranteed for some members of our community.
+
+That's why this Pride Month, Modrinth will be running a fundraiser supporting [**Rainbow Railroad**](https://www.rainbowrailroad.org/).
+
+Rainbow Railroad works with LGBTQIA+ people who are facing danger, helping to connect them with support, resources, and pathways to safe countries. Through their **Solidarity in Pride 2026** campaign, they're raising funds to help at-risk LGBTQIA+ people access safety when staying in place is no longer an option.
+
+You can support the fundraiser here.
+
+**When donating, please enter your _Modrinth username_ as the _Tiltify display name_ so we can apply any eligible rewards to your account!**
+
+## Donation Matching Commitment
+
+We want to maximize the impact our community can make.
+
+To help achieve this, we've committed to matching all donations 1:1 until our fundraising goal of $5,000 has been met.
+
+## Donor Rewards
+
+This year, we will also be providing rewards as a small thank you to everyone who supports the fundraiser. Including a few limited rewards specific to this year's fundraiser!
+
+### Pride Badge 2026 & Pride Skins
+
+Everyone who donates will receive a special Pride 2026 profile badge on Modrinth.
+
+
+
+Supporters with this badge will also unlock a special Pride section in the Skin selector in the Modrinth App featuring the incredibly cute Mr. Pack in Pride-themed, exclusive Modrinth skins:
+
+
+
+### Modrinth+
+
+Donations of $5 (USD) or more will grant you with free [Modrinth+](https://modrinth.com/plus) benefits for 1 month as an additional thank-you - available to users who do not already have an active Modrinth+ subscription.
+
+## Pride Collection 2026
+
+Alongside the fundraiser, we're also launching the [Modrinth Pride Collection!](https://modrinth.com/collection/M4c3ITvd)
+
+This collection highlights projects made by and for the queer community, including mods, resource packs, modpacks, plugins, and more across Modrinth.
+
+[**You can submit projects all month long**](https://tally.so/r/GxQBbO)
+
+Throughout June, we'll be featuring selected projects from the collection across our social media alongside our usual creator spotlights. Pride is about visibility, and we want to use this month to celebrate the LGBTQIA+ creators and communities that help make Modrinth what it is.
diff --git a/packages/blog/compiled/index.ts b/packages/blog/compiled/index.ts
index 3a6b6aca2..02f29ff7e 100644
--- a/packages/blog/compiled/index.ts
+++ b/packages/blog/compiled/index.ts
@@ -27,6 +27,7 @@ import { article as new_environments } from "./new_environments";
import { article as new_site_beta } from "./new_site_beta";
import { article as plugins_resource_packs } from "./plugins_resource_packs";
import { article as pride_campaign_2025 } from "./pride_campaign_2025";
+import { article as pride_campaign_2026 } from "./pride_campaign_2026";
import { article as redesign } from "./redesign";
import { article as russian_censorship } from "./russian_censorship";
import { article as skins_now_in_modrinth_app } from "./skins_now_in_modrinth_app";
@@ -67,6 +68,7 @@ export const articles = [
new_site_beta,
plugins_resource_packs,
pride_campaign_2025,
+ pride_campaign_2026,
redesign,
russian_censorship,
skins_now_in_modrinth_app,
diff --git a/packages/blog/compiled/pride_campaign_2026.content.ts b/packages/blog/compiled/pride_campaign_2026.content.ts
new file mode 100644
index 000000000..8006b44e1
--- /dev/null
+++ b/packages/blog/compiled/pride_campaign_2026.content.ts
@@ -0,0 +1,2 @@
+// AUTO-GENERATED FILE - DO NOT EDIT
+export const html = `
+
+Supporters with this badge will also unlock a special Pride section in the Skin selector in the Modrinth App featuring the incredibly cute Mr. Pack in Pride-themed, exclusive Modrinth skins:
+
+
+
+### Modrinth+
+
+Donations of $5 (USD) or more will grant you with free [Modrinth+](https://modrinth.com/plus) benefits for 1 month as an additional thank-you - available to users who do not already have an active Modrinth+ subscription.
+
+## Pride Collection 2026
+
+Alongside the fundraiser, we're also launching the [Modrinth Pride Collection!](https://modrinth.com/collection/M4c3ITvd)
+
+This collection highlights projects made by and for the queer community, including mods, resource packs, modpacks, plugins, and more across Modrinth.
+
+[**You can submit projects all month long**](https://tally.so/r/GxQBbO)
+
+Throughout June, we'll be featuring selected projects from the collection across our social media alongside our usual creator spotlights. Pride is about visibility, and we want to use this month to celebrate the LGBTQIA+ creators and communities that help make Modrinth what it is.
diff --git a/packages/blog/compiled/index.ts b/packages/blog/compiled/index.ts
index 3a6b6aca2..02f29ff7e 100644
--- a/packages/blog/compiled/index.ts
+++ b/packages/blog/compiled/index.ts
@@ -27,6 +27,7 @@ import { article as new_environments } from "./new_environments";
import { article as new_site_beta } from "./new_site_beta";
import { article as plugins_resource_packs } from "./plugins_resource_packs";
import { article as pride_campaign_2025 } from "./pride_campaign_2025";
+import { article as pride_campaign_2026 } from "./pride_campaign_2026";
import { article as redesign } from "./redesign";
import { article as russian_censorship } from "./russian_censorship";
import { article as skins_now_in_modrinth_app } from "./skins_now_in_modrinth_app";
@@ -67,6 +68,7 @@ export const articles = [
new_site_beta,
plugins_resource_packs,
pride_campaign_2025,
+ pride_campaign_2026,
redesign,
russian_censorship,
skins_now_in_modrinth_app,
diff --git a/packages/blog/compiled/pride_campaign_2026.content.ts b/packages/blog/compiled/pride_campaign_2026.content.ts
new file mode 100644
index 000000000..8006b44e1
--- /dev/null
+++ b/packages/blog/compiled/pride_campaign_2026.content.ts
@@ -0,0 +1,2 @@
+// AUTO-GENERATED FILE - DO NOT EDIT
+export const html = `Happy Pride Month!
Pride is a time for celebration, self-expression, and community. Queer individuals are part of Modrinth at every level: across our team, our creator community, and the wider Minecraft community as a whole. We're very proud to be vocal in our support for LGBTQIA+ rights all year round.
But for many people, Pride is a celebration that comes with great risk. Recent reporting shows there's no shortage of tragedies facing LGBTQIA+ people. Threats, attacks, and even worse happen around the world - Juniper Blessing and Shyyell Diamond Sanchez-McCray, trans rights activists Zehrish Khanzadi and Bindiya Rana surviving gunfire in Pakistan, and many more cases like these are reminders that safety is not guaranteed for some members of our community.
That's why this Pride Month, Modrinth will be running a fundraiser supporting Rainbow Railroad.
Rainbow Railroad works with LGBTQIA+ people who are facing danger, helping to connect them with support, resources, and pathways to safe countries. Through their Solidarity in Pride 2026 campaign, they're raising funds to help at-risk LGBTQIA+ people access safety when staying in place is no longer an option.
You can support the fundraiser here.
When donating, please enter your Modrinth username as the Tiltify display name so we can apply any eligible rewards to your account!
Donation Matching Commitment
We want to maximize the impact our community can make.
To help achieve this, we've committed to matching all donations 1:1 until our fundraising goal of $5,000 has been met.
Donor Rewards
This year, we will also be providing rewards as a small thank you to everyone who supports the fundraiser. Including a few limited rewards specific to this year's fundraiser!
Pride Badge 2026 & Pride Skins
Everyone who donates will receive a special Pride 2026 profile badge on Modrinth.
Supporters with this badge will also unlock a special Pride section in the Skin selector in the Modrinth App featuring the incredibly cute Mr. Pack in Pride-themed, exclusive Modrinth skins:
Modrinth+
Donations of $5 (USD) or more will grant you with free Modrinth+ benefits for 1 month as an additional thank-you - available to users who do not already have an active Modrinth+ subscription.
Pride Collection 2026
Alongside the fundraiser, we're also launching the Modrinth Pride Collection!
This collection highlights projects made by and for the queer community, including mods, resource packs, modpacks, plugins, and more across Modrinth.
You can submit projects all month long
Throughout June, we'll be featuring selected projects from the collection across our social media alongside our usual creator spotlights. Pride is about visibility, and we want to use this month to celebrate the LGBTQIA+ creators and communities that help make Modrinth what it is.
`; diff --git a/packages/blog/compiled/pride_campaign_2026.ts b/packages/blog/compiled/pride_campaign_2026.ts new file mode 100644 index 000000000..27a52b832 --- /dev/null +++ b/packages/blog/compiled/pride_campaign_2026.ts @@ -0,0 +1,13 @@ +// AUTO-GENERATED FILE - DO NOT EDIT +export const article = { + html: () => import(`./pride_campaign_2026.content`).then(m => m.html), + title: "Pride 2026 Fundraiser: Matching up to $5,000", + summary: "Celebrating our community and working together to make a difference.", + date: "2026-06-01T16:00:00.000Z", + slug: "pride-campaign-2026", + authors: [], + unlisted: false, + thumbnail: true, + short_title: "Pride 2026 Fundraiser", + short_summary: "Celebrating our community and working together to make a difference.", +}; diff --git a/packages/blog/public/pride-campaign-2026/mrpack-pride-banner.webp b/packages/blog/public/pride-campaign-2026/mrpack-pride-banner.webp new file mode 100644 index 000000000..dec24a621 Binary files /dev/null and b/packages/blog/public/pride-campaign-2026/mrpack-pride-banner.webp differ diff --git a/packages/blog/public/pride-campaign-2026/pride-badge.webp b/packages/blog/public/pride-campaign-2026/pride-badge.webp new file mode 100644 index 000000000..c72207512 Binary files /dev/null and b/packages/blog/public/pride-campaign-2026/pride-badge.webp differ diff --git a/packages/blog/public/pride-campaign-2026/thumbnail.webp b/packages/blog/public/pride-campaign-2026/thumbnail.webp new file mode 100644 index 000000000..f8b1e231c Binary files /dev/null and b/packages/blog/public/pride-campaign-2026/thumbnail.webp differ diff --git a/packages/ui/src/components/skin/SkinButton.vue b/packages/ui/src/components/skin/SkinButton.vue index 35bf60887..0ab42911d 100644 --- a/packages/ui/src/components/skin/SkinButton.vue +++ b/packages/ui/src/components/skin/SkinButton.vue @@ -49,14 +49,14 @@ watch(