SolidBase

SolidBase is currently in Beta!

Some options may not fully work or be documented.

The footer has multiple options available.

import { defineConfig } from "@solidjs/start/config";

import { createSolidBase } from "@kobalte/solidbase";


const solidBase = createSolidBase(theme);

export default defineConfig({
  ...solidBase.startConfig({
    ...
  }),
  plugins: [
    solidBase.plugin({
      ...
      themeConfig: {
        socialLinks: {
          github: "https://github.com/kobaltedev/solidbase",
          discord: "https://discord.com/invite/solidjs",
        },
        ...
      },
      ...
    }),
  ],
});

SolidBase supports github, discord and opencollective out of the box. Custom links can be configured as:

socialLinks: {
  twitter: {
    link: "https://...",
    logo: "data:...", // Base64 encoded image
    label: "Twitter", // Text label
  },
  other: {
    link: "https://...",
    logo: "data:...", // Base64 encoded image
    label: "Other Link", // Text label
  },
},

Last updated: 3/18/26, 6:35 PM

Edit this page on GitHub