---
title: Drupal Canvas
description: Build on Drupal Canvas with standard React and JavaScript using our developer features.
template: splash
hero:
  tagline: Build on Drupal Canvas with standard React and JavaScript using our developer features. Get started with our docs and guides below.
  image:
    file: ../../assets/images/druplicon.svg
  actions:
    - text: drupal.org project
      link: https://drupal.org/project/canvas
      icon: external
      variant: minimal
---

import { CardGrid, LinkCard } from '@astrojs/starlight/components';

<CardGrid>
  <LinkCard
    title="Code components"
    href={`${import.meta.env.BASE_URL}/code-components`.replace(/^\/\//, '/')}
  />
</CardGrid>
<CardGrid>
  <LinkCard
    title="SDC components"
    href={`${import.meta.env.BASE_URL}/sdc-components`.replace(/^\/\//, '/')}
  />
</CardGrid>
<CardGrid>
  <LinkCard
    title="AI Assistant"
    href={`${import.meta.env.BASE_URL}/ai-assistant`.replace(/^\/\//, '/')}
  />
</CardGrid>
<CardGrid>
  <LinkCard
    title="APIs"
    href={`${import.meta.env.BASE_URL}/apis`.replace(/^\/\//, '/')}
  />
</CardGrid>
