> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hermis.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Hermis is a headless, framework-agnostic wallet adapter library for Solana. You can use it to integrate wallet functionality in React, Vue, Svelte, Angular, vanilla JavaScript, and just about any other JavaScript  framework, without any UI constraints or design opinions.

## Overview

**Hermis** is a framework-agnostic, headless wallet adapter library for Solana that gives developers complete control over wallet integration in your dApp.

Unlike traditional wallet adapters that include pre-designed UI components, Hermis provides raw wallet functionality; authentication, transaction signing, and wallet management, without including any UI opinions or design limitations.

**Use any framework.** React, Vue, Svelte, Angular, or vanilla JavaScript.
**Style however you want.** Tailwind, Material-UI, styled-components, or custom CSS.
**Craft the experience your users deserve.** Complete creative freedom, no compromises.

This SDK provides the building blocks. You provide the vision.

## Built for Solana's Ecosystem

Hermis works seamlessly with both **@solana/web3.js** and **@solana/kit**, Anza's next-generation Solana JavaScript SDK (successor to web3.js).

By exposing **compatible APIs** and maintaining **backward compatibility**, Hermis ensures **zero breaking changes** when switching libraries. Your wallet integration code remains identical whether you are building with the predecessor or porting over to the modern toolkit, upgrade at your convenience.

<CardGroup cols={2}>
  <Card title="Live Demo" icon="play" href="https://assylum-labs.github.io/hermis/">
    Try our interactive playground showcasing the adapter-base package
  </Card>

  <Card title="GitHub Repository" icon="github" href="https://github.com/Assylum-Labs/hermis">
    View the source code and contribute to the project
  </Card>

  <Card title="Quick Start" icon="rocket" href="/getting-started">
    Get started with Hermis in minutes
  </Card>

  <Card title="API Reference" icon="code" href="/api-reference/adapter-base/overview">
    Explore our comprehensive API documentation
  </Card>
</CardGroup>

## Community Edition Features

<CardGroup cols={2}>
  <Card title="Fully Headless" icon="wand-magic-sparkles">
    No predefined UI, complete developer control over your interface
  </Card>

  <Card title="Solana-Native" icon="bolt">
    Built specifically for Solana, not a general blockchain solution
  </Card>

  <Card title="@solana/kit & web3.js Support" icon="plug">
    Same APIs for both @solana/kit and @solana/web3.js
  </Card>

  <Card title="Framework Flexibility" icon="layer-group">
    React, Vue, and vanilla JS support
  </Card>

  <Card title="Modular Architecture" icon="puzzle-piece">
    Pick and use only the parts you need
  </Card>

  <Card title="TypeScript First" icon="code">
    Full TypeScript support with comprehensive type definitions
  </Card>
</CardGroup>

## Packages Overview

### Community Edition

| Package                                                                                                    | Description                                                                         | Version                                                                   |
| ---------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------- |
| [@hermis/solana-headless-adapter-base](https://www.npmjs.com/package/@hermis/solana-headless-adapter-base) | Base vanilla TypeScript implementation that works with any TypeScript framework     | ![npm](https://img.shields.io/npm/v/@hermis/solana-headless-adapter-base) |
| [@hermis/solana-headless-react](https://www.npmjs.com/package/@hermis/solana-headless-react)               | Built on adapter-base, exposing React hooks and context for React applications      | ![npm](https://img.shields.io/npm/v/@hermis/solana-headless-react)        |
| @hermis/solana-headless-vue                                                                                | Built on adapter-base, exposing Vue composables and components for Vue applications | Coming soon                                                               |

## Why Choose Hermis?

<AccordionGroup>
  <Accordion title="Complete UI Freedom">
    Unlike other wallet adapters that come with predefined UI components, Hermis gives you complete control. Build your interface exactly the way you want it, matching your brand and design system perfectly.
  </Accordion>

  <Accordion title="Solana-First Design">
    Built from the ground up specifically for Solana, not adapted from other blockchain solutions. This means better performance, more accurate type definitions, and features designed for Solana's unique capabilities.
  </Accordion>

  <Accordion title="Framework Agnostic">
    Whether you're using React, Vue, or vanilla JavaScript, we've got you covered. Use the framework-specific package for enhanced DX, or use the core package directly for maximum flexibility.
  </Accordion>

  <Accordion title="Production Ready">
    Battle-tested in production applications, with comprehensive error handling, TypeScript support, and extensive documentation.
  </Accordion>
</AccordionGroup>

## Next Steps

<CardGroup cols={2}>
  <Card title="Getting Started" icon="play" href="/getting-started">
    Install and configure your first Hermis project
  </Card>

  <Card title="Quick Start - React" icon="react" href="/quickstart/react">
    Jump straight into building with React
  </Card>
</CardGroup>