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

# Quickstarts

> Learn how to use Novu to quickly send multi-channel (SMS, Email, Chat, Push) notifications with any language/framework of your choice.

<CardGroup cols={3}>
  <Card title="Vue" icon="vuejs" color="#47BA87" href="/quickstarts/vue">
    Embed a real-time notification center component in your Vue application.
  </Card>

  <Card title="React" icon="react" color="#00D7FE" href="/quickstarts/react">
    Embed a real-time notification center component in your React application.
  </Card>

  <Card title="Angular" icon="angular" color="#BC002C" href="/quickstarts/angular">
    Embed a real-time notification center component in your Angular application.
  </Card>

  <Card title="VanillaJS" icon="js" color="#F7DF1E" href="/quickstarts/vanillajs">
    Embed a real-time notification center component in your VanillaJS
    application.
  </Card>

  <Card
    title="RedwoodJS"
    icon={
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="25"
    height="23"
    viewBox="0 0 256 277"
  >
    <path
      fill="#FFF"
      d="M112.39 3.928C101.983 9.164 80.046 19.36 68.16 27.493c-11.885 8.134-10.407 15.711-15.61 20.948c-5.203 5.237-20.814 18.329-31.22 26.184c-10.407 7.855-7.806 28.803-10.407 36.658c-2.602 7.855-7.806 26.184-10.407 34.04c-2.602 7.855 5.203 18.329 10.407 28.802c5.203 10.474 18.211 39.277 23.415 49.75c5.203 10.474 20.813 5.237 33.822 15.71c13.009 10.475 31.22 23.568 44.229 31.423c13.008 7.855 18.212 7.855 31.22 0c13.009-7.855 31.22-20.948 44.23-31.422c13.008-10.474 28.618-5.237 33.822-15.71c5.203-10.474 18.211-39.277 23.415-49.75c5.203-10.474 13.008-20.948 10.406-28.803c-2.602-7.856-7.804-26.185-10.406-34.04c-2.602-7.855 0-28.803-10.407-36.658s-22.487-17.857-31.22-26.184c-8.734-8.327-5.204-13.092-15.61-20.948c-10.407-7.855-33.823-18.329-44.23-23.565c-10.406-5.237-20.813-5.237-31.22 0Z"
    />
    <path
      fill="#BF4722"
      d="m75.644 49.319l48.694 33.238a6.886 6.886 0 0 0 3.7 1.155a6.665 6.665 0 0 0 3.7-1.155l48.73-33.35a6.65 6.65 0 0 0 2.748-5.947a6.633 6.633 0 0 0-3.672-5.418L130.85 13.733a6.692 6.692 0 0 0-5.846 0l-48.546 24.11a6.633 6.633 0 0 0-3.707 5.5a6.649 6.649 0 0 0 2.893 5.976Zm68.933 43.671a6.721 6.721 0 0 0 2.886 5.515l39.037 26.68a6.55 6.55 0 0 0 8.103-.522l32.746-29.288a6.654 6.654 0 0 0 2.213-5.156a6.648 6.648 0 0 0-2.509-5.017L195.787 60.2a6.623 6.623 0 0 0-7.844-.298l-40.48 27.686a6.72 6.72 0 0 0-2.886 5.403Zm-97.09 36.293a6.696 6.696 0 0 1 2.182 5.627a6.524 6.524 0 0 1-3.293 5.068l-23.31 13.973a6.586 6.586 0 0 1-7.5-.512a6.698 6.698 0 0 1-2.195-7.238l8.621-27.127a6.607 6.607 0 0 1 4.551-4.397a6.406 6.406 0 0 1 6.143 1.453l14.8 13.153Zm126.432 2.832l-42.144-28.84a6.622 6.622 0 0 0-7.4 0l-42.145 28.84a6.754 6.754 0 0 0-2.886 5.068a6.88 6.88 0 0 0 2.22 5.44l42.108 37.672a6.597 6.597 0 0 0 4.403 1.677a6.63 6.63 0 0 0 4.403-1.677l42.107-37.672a6.73 6.73 0 0 0 2.183-5.44a6.606 6.606 0 0 0-2.849-5.068Zm-112.41-7.452L28.802 95.375a6.804 6.804 0 0 1-2.22-5.254a6.574 6.574 0 0 1 2.478-5.03l31.266-25.152a6.696 6.696 0 0 1 7.882-.298l40.442 27.685a6.682 6.682 0 0 1 3.01 5.59a6.682 6.682 0 0 1-3.01 5.589l-39 26.68a6.624 6.624 0 0 1-8.14-.522Zm167.95 42.069l-33.302-19.935a6.55 6.55 0 0 0-7.77.745l-40.702 36.33a6.696 6.696 0 0 0-2.13 6.13a6.66 6.66 0 0 0 4.055 5.05l56.463 22.878a6.333 6.333 0 0 0 2.442.485c2.621.008 5-1.54 6.069-3.95l17.501-39.2c1.425-3.102.29-6.787-2.627-8.533Zm4.624-47.658l8.622 27.127h-.074a6.71 6.71 0 0 1-.975 5.958a6.61 6.61 0 0 1-5.353 2.724a6.478 6.478 0 0 1-3.367-.932l-23.348-13.973a6.489 6.489 0 0 1-3.182-5.068a6.62 6.62 0 0 1 2.183-5.627l14.8-13.19a6.59 6.59 0 0 1 6.143-1.454a6.72 6.72 0 0 1 4.551 4.435Zm-123.51 70.91a6.66 6.66 0 0 0-2.109-6.111l-40.701-36.331a6.55 6.55 0 0 0-7.77-.745L26.69 166.732c-2.883 1.754-4.024 5.392-2.664 8.496l17.539 39.2c1.453 3.268 5.21 4.798 8.51 3.465l56.427-22.88a6.659 6.659 0 0 0 4.07-5.03Zm19.98 11.178l45.29 18.333a6.665 6.665 0 0 1 3.997 5.44a6.614 6.614 0 0 1-2.813 6.223l-45.326 31.488a6.551 6.551 0 0 1-3.7 1.191a6.682 6.682 0 0 1-3.7-1.191l-45.29-31.488a6.651 6.651 0 0 1-2.849-6.222a6.775 6.775 0 0 1 4.144-5.44l45.29-18.334a6.69 6.69 0 0 1 4.958 0Z"
    />
  </svg>
}
    color="#16a34a"
    href="/quickstarts/redwoodjs"
  >
    Embed a real-time notification center component in your RedwoodJS
    application.
  </Card>

  <Card title="iFrame" icon="html5" color="#EF652A" href="/quickstarts/iFrame">
    Embed a real-time notification center component in your iFrame application.
  </Card>

  <Card title="Node.js" icon="node" color="#16a34a" href="/quickstarts/nodejs">
    Connect a Node.js application to Novu.
  </Card>

  <Card
    title="PHP"
    icon={
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 128 128"><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#deviconPhp0)" d="M0 64c0 18.593 28.654 33.667 64 33.667c35.346 0 64-15.074 64-33.667c0-18.593-28.655-33.667-64-33.667C28.654 30.333 0 45.407 0 64Z"/><path fill="#777bb3" d="M64 95.167c33.965 0 61.5-13.955 61.5-31.167c0-17.214-27.535-31.167-61.5-31.167S2.5 46.786 2.5 64c0 17.212 27.535 31.167 61.5 31.167Z"/><path d="M34.772 67.864c2.793 0 4.877-.515 6.196-1.53c1.306-1.006 2.207-2.747 2.68-5.175c.44-2.27.272-3.854-.5-4.71c-.788-.874-2.493-1.317-5.067-1.317h-4.464l-2.473 12.732zM20.173 83.547a.694.694 0 0 1-.68-.828l6.557-33.738a.695.695 0 0 1 .68-.561h14.134c4.442 0 7.748 1.206 9.827 3.585c2.088 2.39 2.734 5.734 1.917 9.935c-.333 1.711-.905 3.3-1.7 4.724a15.818 15.818 0 0 1-3.128 3.92c-1.531 1.432-3.264 2.472-5.147 3.083c-1.852.604-4.232.91-7.07.91h-5.724l-1.634 8.408a.695.695 0 0 1-.682.562z"/><path fill="#fff" d="M34.19 55.826h3.891c3.107 0 4.186.682 4.553 1.089c.607.674.723 2.097.331 4.112c-.439 2.257-1.253 3.858-2.42 4.756c-1.194.92-3.138 1.386-5.773 1.386h-2.786l2.205-11.342zm6.674-8.1H26.731a1.39 1.39 0 0 0-1.364 1.123L18.81 82.588a1.39 1.39 0 0 0 1.363 1.653h7.35a1.39 1.39 0 0 0 1.363-1.124l1.525-7.846h5.151c2.912 0 5.364-.318 7.287-.944c1.977-.642 3.796-1.731 5.406-3.237a16.522 16.522 0 0 0 3.259-4.087c.831-1.487 1.429-3.147 1.775-4.931c.86-4.423.161-7.964-2.076-10.524c-2.216-2.537-5.698-3.823-10.349-3.823zM30.301 68.557h4.471c2.963 0 5.17-.557 6.62-1.675c1.451-1.116 2.428-2.98 2.938-5.591c.485-2.508.264-4.277-.665-5.308c-.931-1.03-2.791-1.546-5.584-1.546h-5.036l-2.743 14.12m10.563-19.445c4.252 0 7.353 1.117 9.303 3.348c1.95 2.232 2.536 5.347 1.76 9.346c-.322 1.648-.863 3.154-1.625 4.518c-.764 1.366-1.76 2.614-2.991 3.747c-1.468 1.373-3.097 2.352-4.892 2.935c-1.794.584-4.08.875-6.857.875h-6.296l-1.743 8.97h-7.35l6.558-33.739h14.133"/><path d="M69.459 74.577a.694.694 0 0 1-.682-.827l2.9-14.928c.277-1.42.209-2.438-.19-2.87c-.245-.263-.979-.704-3.15-.704h-5.256l-3.646 18.768a.695.695 0 0 1-.683.56h-7.29a.695.695 0 0 1-.683-.826l6.558-33.739a.695.695 0 0 1 .682-.561h7.29a.695.695 0 0 1 .683.826L64.41 48.42h5.653c4.307 0 7.227.758 8.928 2.321c1.733 1.593 2.275 4.14 1.608 7.573l-3.051 15.702a.695.695 0 0 1-.682.56h-7.407z"/><path fill="#fff" d="M65.31 38.755h-7.291a1.39 1.39 0 0 0-1.364 1.124l-6.557 33.738a1.39 1.39 0 0 0 1.363 1.654h7.291a1.39 1.39 0 0 0 1.364-1.124l3.537-18.205h4.682c2.168 0 2.624.463 2.641.484c.132.14.305.795.019 2.264l-2.9 14.927a1.39 1.39 0 0 0 1.364 1.654h7.408a1.39 1.39 0 0 0 1.363-1.124l3.051-15.7c.715-3.686.103-6.45-1.82-8.217c-1.836-1.686-4.91-2.505-9.398-2.505h-4.81l1.421-7.315a1.39 1.39 0 0 0-1.364-1.655zm0 1.39l-1.743 8.968h6.496c4.087 0 6.907.714 8.457 2.14c1.553 1.426 2.017 3.735 1.398 6.93l-3.052 15.699h-7.407l2.901-14.928c.33-1.698.208-2.856-.365-3.474c-.573-.617-1.793-.926-3.658-.926h-5.829l-3.756 19.327H51.46l6.558-33.739h7.292z"/><path d="M92.136 67.864c2.793 0 4.878-.515 6.198-1.53c1.304-1.006 2.206-2.747 2.679-5.175c.44-2.27.273-3.854-.5-4.71c-.788-.874-2.493-1.317-5.067-1.317h-4.463l-2.475 12.732zM77.54 83.547a.694.694 0 0 1-.682-.828l6.557-33.738a.695.695 0 0 1 .682-.561H98.23c4.442 0 7.748 1.206 9.826 3.585c2.089 2.39 2.734 5.734 1.917 9.935a15.878 15.878 0 0 1-1.699 4.724a15.838 15.838 0 0 1-3.128 3.92c-1.53 1.432-3.265 2.472-5.147 3.083c-1.852.604-4.232.91-7.071.91h-5.723l-1.633 8.408a.695.695 0 0 1-.683.562z"/><path fill="#fff" d="M91.555 55.826h3.891c3.107 0 4.186.682 4.552 1.089c.61.674.724 2.097.333 4.112c-.44 2.257-1.254 3.858-2.421 4.756c-1.195.92-3.139 1.386-5.773 1.386h-2.786l2.204-11.342zm6.674-8.1H84.096a1.39 1.39 0 0 0-1.363 1.123l-6.558 33.739a1.39 1.39 0 0 0 1.364 1.653h7.35a1.39 1.39 0 0 0 1.363-1.124l1.525-7.846h5.15c2.911 0 5.364-.318 7.286-.944c1.978-.642 3.797-1.731 5.408-3.238a16.52 16.52 0 0 0 3.258-4.086c.832-1.487 1.428-3.147 1.775-4.931c.86-4.423.162-7.964-2.076-10.524c-2.216-2.537-5.697-3.823-10.35-3.823zM87.666 68.557h4.47c2.964 0 5.17-.557 6.622-1.675c1.45-1.116 2.428-2.98 2.936-5.591c.487-2.508.266-4.277-.665-5.308c-.93-1.03-2.791-1.546-5.583-1.546h-5.035Zm10.563-19.445c4.251 0 7.354 1.117 9.303 3.348c1.95 2.232 2.537 5.347 1.759 9.346c-.32 1.648-.862 3.154-1.624 4.518c-.763 1.366-1.76 2.614-2.992 3.747c-1.467 1.373-3.097 2.352-4.892 2.935c-1.793.584-4.078.875-6.856.875h-6.295l-1.745 8.97h-7.35l6.558-33.739h14.133"/><defs><radialGradient id="deviconPhp0" cx="0" cy="0" r="1" gradientTransform="translate(38.426 42.169) scale(84.04136)" gradientUnits="userSpaceOnUse"><stop stopColor="#AEB2D5"/><stop offset=".3" stopColor="#AEB2D5"/><stop offset=".75" stopColor="#484C89"/><stop offset="1" stopColor="#484C89"/></radialGradient></defs></svg>
}
    color="#16a34a"
    href="/quickstarts/php"
  >
    Connect a PHP application to Novu.
  </Card>

  <Card
    title="Python"
    icon={
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="34.87" viewBox="0 0 256 255"><defs><linearGradient id="logosPython0" x1="12.959%" x2="79.639%" y1="12.039%" y2="78.201%"><stop offset="0%" stopColor="#387EB8"/><stop offset="100%" stopColor="#366994"/></linearGradient><linearGradient id="logosPython1" x1="19.128%" x2="90.742%" y1="20.579%" y2="88.429%"><stop offset="0%" stopColor="#FFE052"/><stop offset="100%" stopColor="#FFC331"/></linearGradient></defs><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosPython0)" d="M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072ZM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13a11.12 11.12 0 0 1-11.13 11.13a11.12 11.12 0 0 1-11.13-11.13a11.12 11.12 0 0 1 11.13-11.13Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosPython1)" d="M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897Zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13a11.12 11.12 0 0 1 11.13-11.131a11.12 11.12 0 0 1 11.13 11.13a11.12 11.12 0 0 1-11.13 11.13Z"/></svg>
}
    color="#F7DF1E"
    href="/quickstarts/python"
  >
    Connect a Python application to Novu.
  </Card>

  <Card
    title="Kotlin"
    icon={
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="20"
    height="20"
    viewBox="0 0 256 256"
  >
    <defs>
      <linearGradient
        id="logosKotlinIcon0"
        x1="99.991%"
        x2=".01%"
        y1="-.011%"
        y2="100.01%"
      >
        <stop offset=".344%" stopColor="#E44857" />
        <stop offset="46.89%" stopColor="#C711E1" />
        <stop offset="100%" stopColor="#7F52FF" />
      </linearGradient>
    </defs>
    <path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosKotlinIcon0)" d="M256 256H0V0h256L128 127.949z" />
  </svg>
}
    color="#16a34a"
    href="/quickstarts/kotlin"
  >
    Connect a Kotlin application to Novu.
  </Card>

  <Card
    title="Ruby"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19.93" viewBox="0 0 256 255"><defs><linearGradient id="logosRuby0" x1="84.75%" x2="58.254%" y1="111.399%" y2="64.584%"><stop offset="0%" stopColor="#FB7655"/><stop offset="0%" stopColor="#FB7655"/><stop offset="41%" stopColor="#E42B1E"/><stop offset="99%" stopColor="#900"/><stop offset="100%" stopColor="#900"/></linearGradient><linearGradient id="logosRuby1" x1="116.651%" x2="1.746%" y1="60.89%" y2="19.288%"><stop offset="0%" stopColor="#871101"/><stop offset="0%" stopColor="#871101"/><stop offset="99%" stopColor="#911209"/><stop offset="100%" stopColor="#911209"/></linearGradient><linearGradient id="logosRuby2" x1="75.774%" x2="38.978%" y1="219.327%" y2="7.829%"><stop offset="0%" stopColor="#871101"/><stop offset="0%" stopColor="#871101"/><stop offset="99%" stopColor="#911209"/><stop offset="100%" stopColor="#911209"/></linearGradient><linearGradient id="logosRuby3" x1="50.012%" x2="66.483%" y1="7.234%" y2="79.135%"><stop offset="0%" stopColor="#FFF"/><stop offset="0%" stopColor="#FFF"/><stop offset="23%" stopColor="#E57252"/><stop offset="46%" stopColor="#DE3B20"/><stop offset="99%" stopColor="#A60003"/><stop offset="100%" stopColor="#A60003"/></linearGradient><linearGradient id="logosRuby4" x1="46.174%" x2="49.932%" y1="16.348%" y2="83.047%"><stop offset="0%" stopColor="#FFF"/><stop offset="0%" stopColor="#FFF"/><stop offset="23%" stopColor="#E4714E"/><stop offset="56%" stopColor="#BE1A0D"/><stop offset="99%" stopColor="#A80D00"/><stop offset="100%" stopColor="#A80D00"/></linearGradient><linearGradient id="logosRuby5" x1="36.965%" x2="49.528%" y1="15.594%" y2="92.478%"><stop offset="0%" stopColor="#FFF"/><stop offset="0%" stopColor="#FFF"/><stop offset="18%" stopColor="#E46342"/><stop offset="40%" stopColor="#C82410"/><stop offset="99%" stopColor="#A80D00"/><stop offset="100%" stopColor="#A80D00"/></linearGradient><linearGradient id="logosRuby6" x1="13.609%" x2="85.764%" y1="58.346%" y2="-46.717%"><stop offset="0%" stopColor="#FFF"/><stop offset="0%" stopColor="#FFF"/><stop offset="54%" stopColor="#C81F11"/><stop offset="99%" stopColor="#BF0905"/><stop offset="100%" stopColor="#BF0905"/></linearGradient><linearGradient id="logosRuby7" x1="27.624%" x2="50.745%" y1="21.135%" y2="79.056%"><stop offset="0%" stopColor="#FFF"/><stop offset="0%" stopColor="#FFF"/><stop offset="31%" stopColor="#DE4024"/><stop offset="99%" stopColor="#BF190B"/><stop offset="100%" stopColor="#BF190B"/></linearGradient><linearGradient id="logosRuby8" x1="-20.667%" x2="104.242%" y1="122.282%" y2="-6.342%"><stop offset="0%" stopColor="#BD0012"/><stop offset="0%" stopColor="#BD0012"/><stop offset="7%" stopColor="#FFF"/><stop offset="17%" stopColor="#FFF"/><stop offset="27%" stopColor="#C82F1C"/><stop offset="33%" stopColor="#820C01"/><stop offset="46%" stopColor="#A31601"/><stop offset="72%" stopColor="#B31301"/><stop offset="99%" stopColor="#E82609"/><stop offset="100%" stopColor="#E82609"/></linearGradient><linearGradient id="logosRuby9" x1="58.792%" x2="11.964%" y1="65.205%" y2="50.128%"><stop offset="0%" stopColor="#8C0C01"/><stop offset="0%" stopColor="#8C0C01"/><stop offset="54%" stopColor="#990C00"/><stop offset="99%" stopColor="#A80D0E"/><stop offset="100%" stopColor="#A80D0E"/></linearGradient><linearGradient id="logosRubya" x1="79.319%" x2="23.088%" y1="62.754%" y2="17.888%"><stop offset="0%" stopColor="#7E110B"/><stop offset="0%" stopColor="#7E110B"/><stop offset="99%" stopColor="#9E0C00"/><stop offset="100%" stopColor="#9E0C00"/></linearGradient><linearGradient id="logosRubyb" x1="92.88%" x2="59.841%" y1="74.122%" y2="39.704%"><stop offset="0%" stopColor="#79130D"/><stop offset="0%" stopColor="#79130D"/><stop offset="99%" stopColor="#9E120B"/><stop offset="100%" stopColor="#9E120B"/></linearGradient><linearGradient id="logosRubyc" x1="56.57%" x2="3.105%" y1="101.717%" y2="11.993%"><stop offset="0%" stopColor="#8B2114"/><stop offset="0%" stopColor="#8B2114"/><stop offset="43%" stopColor="#9E100A"/><stop offset="99%" stopColor="#B3100C"/><stop offset="100%" stopColor="#B3100C"/></linearGradient><linearGradient id="logosRubyd" x1="30.87%" x2="92.471%" y1="35.599%" y2="100.694%"><stop offset="0%" stopColor="#B31000"/><stop offset="0%" stopColor="#B31000"/><stop offset="44%" stopColor="#910F08"/><stop offset="99%" stopColor="#791C12"/><stop offset="100%" stopColor="#791C12"/></linearGradient><radialGradient id="logosRubye" cx="32.001%" cy="40.21%" r="69.573%" fx="32.001%" fy="40.21%"><stop offset="0%" stopColor="#A80D00"/><stop offset="0%" stopColor="#A80D00"/><stop offset="99%" stopColor="#7E0E08"/><stop offset="100%" stopColor="#7E0E08"/></radialGradient><radialGradient id="logosRubyf" cx="13.549%" cy="40.86%" r="88.386%" fx="13.549%" fy="40.86%"><stop offset="0%" stopColor="#A30C00"/><stop offset="0%" stopColor="#A30C00"/><stop offset="99%" stopColor="#800E08"/><stop offset="100%" stopColor="#800E08"/></radialGradient></defs><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby0)" d="m197.467 167.764l-145.52 86.41l188.422-12.787L254.88 51.393l-57.414 116.37Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby1)" d="M240.677 241.257L224.482 129.48l-44.113 58.25l60.308 53.528Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby2)" d="m240.896 241.257l-118.646-9.313l-69.674 21.986l188.32-12.673Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby3)" d="m52.744 253.955l29.64-97.1L17.16 170.8l35.583 83.154Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby4)" d="M180.358 188.05L153.085 81.226l-78.047 73.16l105.32 33.666Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby5)" d="m248.693 82.73l-73.777-60.256l-20.544 66.418l94.321-6.162Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby6)" d="M214.191.99L170.8 24.97L143.424.669l70.767.322Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby7)" d="m0 203.372l18.177-33.151l-14.704-39.494L0 203.372Z"/><path fill="#FFF" d="m2.496 129.48l14.794 41.963l64.283-14.422l73.39-68.207l20.712-65.787L143.063 0L87.618 20.75c-17.469 16.248-51.366 48.396-52.588 49c-1.21.618-22.384 40.639-32.534 59.73Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby8)" d="M54.442 54.094c37.86-37.538 86.667-59.716 105.397-40.818c18.72 18.898-1.132 64.823-38.992 102.349c-37.86 37.525-86.062 60.925-104.78 42.027c-18.73-18.885.515-66.032 38.375-103.558Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRuby9)" d="m52.744 253.916l29.408-97.409l97.665 31.376c-35.312 33.113-74.587 61.106-127.073 66.033Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRubya)" d="m155.092 88.622l25.073 99.313c29.498-31.016 55.972-64.36 68.938-105.603l-94.01 6.29Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRubyb)" d="M248.847 82.833c10.035-30.282 12.35-73.725-34.966-81.791l-38.825 21.445l73.791 60.346Z"/><path fill="#9E1209" d="M0 202.935c1.39 49.979 37.448 50.724 52.808 51.162l-35.48-82.86L0 202.935Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRubye)" d="M155.232 88.777c22.667 13.932 68.35 41.912 69.276 42.426c1.44.81 19.695-30.784 23.838-48.64l-93.114 6.214Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRubyf)" d="m82.113 156.507l39.313 75.848c23.246-12.607 41.45-27.967 58.121-44.42l-97.434-31.428Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRubyc)" d="m17.174 171.34l-5.57 66.328c10.51 14.357 24.97 15.605 40.136 14.486c-10.973-27.311-32.894-81.92-34.566-80.814Z"/><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/novu-v2-docs/quickstarts#logosRubyd)" d="m174.826 22.654l78.1 10.96c-4.169-17.662-16.969-29.06-38.787-32.623l-39.313 21.663Z"/></svg>

}
    color="#16a34a"
    href="/quickstarts/ruby"
  >
    Connect a Ruby application to Novu.
  </Card>

  <Card
    title=".NET"
    icon={
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#512BD4" rx="60"/><path fill="#fff" d="M24.052 168.943c-2.236 0-4.138-.731-5.703-2.194c-1.566-1.501-2.349-3.283-2.349-5.347c0-2.101.783-3.902 2.349-5.403c1.565-1.5 3.466-2.251 5.703-2.251c2.274 0 4.194.751 5.76 2.251c1.603 1.501 2.404 3.302 2.404 5.403c0 2.064-.801 3.846-2.404 5.347c-1.566 1.463-3.486 2.194-5.76 2.194Zm89.415-1.238H98.929l-38.304-59.318a26.371 26.371 0 0 1-2.404-4.672h-.336c.298 1.726.447 5.422.447 11.087v52.903H45.471V87H60.96l37.018 57.912c1.566 2.402 2.572 4.052 3.02 4.953h.223c-.372-2.139-.559-5.759-.559-10.863V87h12.805v80.705Zm62.631 0h-45.014V87h43.225v11.369h-29.916v22.849h27.568v11.312h-27.568v23.863h31.705v11.312Zm63.973-69.336h-23.038v69.336h-13.309V98.369h-22.982V87h59.329v11.369Z"/></g></svg>
}
    color="#16a34a"
    href="/quickstarts/.NET"
  >
    Connect a .NET application to Novu.
  </Card>

  <Card
    title="NextJS"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 128 128"><path d="M64 0C28.7 0 0 28.7 0 64s28.7 64 64 64c11.2 0 21.7-2.9 30.8-7.9L48.4 55.3v36.6h-6.8V41.8h6.8l50.5 75.8C116.4 106.2 128 86.5 128 64c0-35.3-28.7-64-64-64zm22.1 84.6l-7.5-11.3V41.8h7.5v42.8z"/></svg>
}
    color="#16a34a"
    href="/quickstarts/nextjs"
  >
    Connect a NextJS application to Novu.
  </Card>

  <Card title="Go" icon="golang" color="#00D7FE" href="/quickstarts/go">
    Connect a Go application to Novu.
  </Card>

  <Card
    title="Java"
    icon={
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 128 128"><path fill="#0074BD" d="M47.617 98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968 25.845-1.092c0 0 2.871 1.795 6.873 3.351c-24.439 10.47-55.308-.607-36.115-5.969zm-2.988-13.665s-5.348 3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6c0 0 1.993 2.025 5.132 3.131c-29.542 8.64-62.446.68-41.309-6.336z"/><path fill="#EA2D2E" d="M69.802 61.271c6.025 6.935-1.58 13.17-1.58 13.17s15.289-7.891 8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58c0 .001-42.731 10.67-22.324 34.187z"/><path fill="#0074BD" d="M102.123 108.229s3.529 2.91-3.888 5.159c-14.102 4.272-58.706 5.56-71.094.171c-4.451-1.938 3.899-4.625 6.526-5.192c2.739-.593 4.303-.485 4.303-.485c-4.953-3.487-32.013 6.85-13.743 9.815c49.821 8.076 90.817-3.637 77.896-9.468zM49.912 70.294s-22.686 5.389-8.033 7.348c6.188.828 18.518.638 30.011-.326c9.39-.789 18.813-2.474 18.813-2.474s-3.308 1.419-5.704 3.053c-23.042 6.061-67.544 3.238-54.731-2.958c10.832-5.239 19.644-4.643 19.644-4.643zm40.697 22.747c23.421-12.167 12.591-23.86 5.032-22.285c-1.848.385-2.677.72-2.677.72s.688-1.079 2-1.543c14.953-5.255 26.451 15.503-4.823 23.725c0-.002.359-.327.468-.617z"/><path fill="#EA2D2E" d="M76.491 1.587S89.459 14.563 64.188 34.51c-20.266 16.006-4.621 25.13-.007 35.559c-11.831-10.673-20.509-20.07-14.688-28.815C58.041 28.42 81.722 22.195 76.491 1.587z"/><path fill="#0074BD" d="M52.214 126.021c22.476 1.437 57-.8 57.817-11.436c0 0-1.571 4.032-18.577 7.231c-19.186 3.612-42.854 3.191-56.887.874c0 .001 2.875 2.381 17.647 3.331z"/></svg>
}
    color="#EF652A"
    href="/quickstarts/java"
  >
    Connect a Java application to Novu.
  </Card>
</CardGroup>