API Endpoints 🌐
We've added new API Endpoints for the Economy System for you to integrate Noctaly in your applications.

You can read the documentation to use the API:
https://noctaly-bot.gitbook.io/noctaly-api

JavaScript Library 📚
We've also released a JavaScript library to make it easier for you to use the API 🥳
https://www.npmjs.com/package/@noctaly/sdk

Enjoy, fellow developers ❤️

v2.26.0

Economy Games 🃏
We've added 2 new games to the economy:
- Host a game of /blackjack solo or with up to 4 players against the dealer! 
- Create a /roulette that everyone in the channel can play!

Features ✨
- Ignore bots option for the Channel Automations module
- Upload a banner for custom bots directly from the dashboard
- Search bar in the tutorial page 
- The "How it Works" section of the leaderboard now adapts to the server's configuration
- New emoji pack for some commands
- Members no longer lose their level role when it has been added manually by an administrator
- /item use now returns an error if the user doesn't have enough money or xp 

Changelog for v2.25.0

8ball

achest

aitem

amoney

avatar

banner

bite

botinfo

case

chest

coinflip

cuddle

daily

emoji-mashup

fakeban

help

history

item

kick

kiss

leaderboard

level

lock

massban

moneytop

ping

poke

profile

punch

purge

raidmode

rank

reminder

role

serverinfo

shop

slap

slowmode

stats

Temporarily bans someone from the server.

tempban

temprole

tickle

timeout

unban

unlock

userinfo

vote

warn

work

This project has a complementary web interface that you can use to control or configure your experience

Web Interface

This project tracks any action done through its functionality to keep accountability on your staff

Audit Logs

This project has leaderboards highlighting the top players within either the server or globally

Leaderboards

Automatically grant roles to users who achieve configured requirements

Automatic Roles

This bot offers extra features or perks that can be unlocked through optional payments or subscriptions.

Paid Features Available

Whether the current project contains any paid features, is paid only, or is 100% free to use.

This project is free to use and contains no paywalls for core functionality.

Has Paid Features

<div id="noctaly">
	<div class="feature">
		<img src="https://noctaly.com/features/economy.svg" alt="Economy Feature">

		<div class="content">
			<h2>
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-landmark-icon lucide-landmark"><path d="M10 18v-7"/><path d="M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z"/><path d="M14 18v-7"/><path d="M18 18v-7"/><path d="M3 22h18"/><path d="M6 18v-7"/></svg>

				<div>Economy System</div>
			</h2>

			<h3>Turn server activity into a game your members are invested in</h3>

			<h4>Members earn currency by chatting, joining voice channels, or using commands, then spend it in a custom shop on items, color roles, and chests with rare drops. Design items that grant roles, XP, or money when used. Add crafting recipes so members can combine items to create new ones. Let members personalize their profile with custom colors, icons, and backgrounds. The deeper they go, the more they stay.</h4>

			<a href="/bot/875811233616519219/invite" target="_blank" class="btn">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>
				<div>Invite</div>
			</a>
		</div>
	</div>

	<div class="feature">
		<img src="https://noctaly.com/features/rank.svg" alt="Leveling Feature">

		<div class="content">
			<h2>
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-combined-icon lucide-chart-no-axes-combined"><path d="M12 16v5"/><path d="M16 14v7"/><path d="M20 10v11"/><path d="m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15"/><path d="M4 18v3"/><path d="M8 14v7"/></svg>

				<div>Leveling System</div>
			</h2>

			<h3>Reward your most active and engaged members</h3>

			<h4>Members earn XP by chatting, joining voice, or reacting. It's configurable with custom amounts, cooldowns, and role or channel XP multipliers. They level up, earn roles, and track their rank on a fully customizable rank card. An auto-updating leaderboard posts itself to a channel every hour. Level-up messages support conditional scripts for milestone-specific announcements.</h4>

			<a href="/bot/875811233616519219/invite" target="_blank" class="btn">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>
				<div>Invite</div>
			</a>
		</div>
	</div>

	<div class="feature">
		<img src="https://noctaly.com/features/multiple-roles.svg" alt="Reaction Roles Feature">

		<div class="content">
			<h2>
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile-plus-icon lucide-smile-plus"><path d="M22 11v1a10 10 0 1 1-9-10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/><path d="M16 5h6"/><path d="M19 2v6"/></svg>

				<div>Reaction Roles</div>
			</h2>

			<h3>Give your members roles with reactions</h3>

			<h4>Let members self-assign roles using buttons, dropdown selectors, or emoji reactions. Messages are sent from the dashboard to any channel. Configure each as toggle-style or single-choice so only one role can be active at a time. Restrict access to specific roles for VIP-only options. Members pick their own colors, notifications, and community roles without asking a moderator.</h4>

			<a href="/bot/875811233616519219/invite" target="_blank" class="btn">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>
				<div>Invite</div>
			</a>
		</div>
	</div>

	<div class="feature">
		<img src="https://noctaly.com/features/appeal.svg" alt="Appeal Feature">

		<div class="content">
			<h2>
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-check-icon lucide-clipboard-check"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="m9 14 2 2 4-4"/></svg>

				<div>Appeal System</div>
			</h2>

			<h3>Let your members appeal their punishments</h3>

			<h4>Members submit a form with customizable questions: short answers, multiple choice, or checkboxes. Moderators review it, then open a live discussion directly on the website. Accepted ban appeals reinvite the member to the server. The entire appeal process lives in one place, and Noctaly is the only bot to offer it.</h4>

			<a href="/bot/875811233616519219/invite" target="_blank" class="btn">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>
				<div>Invite</div>
			</a>
		</div>
	</div>

	<div class="feature">
		<img src="https://noctaly.com/features/welcomer.svg" alt="Welcome Feature">

		<div class="content">
			<h2>
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hand-icon lucide-hand"><path d="M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2"/><path d="M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2"/><path d="M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8"/><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"/></svg>

				<div>Welcome</div>
			</h2>

			<h3>Make your members feel welcome</h3>

			<h4>First impressions matter. Send a custom welcome message with a personalized image card: your colors, font, and branding, the moment a member joins. Pair it with a goodbye message so no one leaves unnoticed. Assign roles automatically on join, with dedicated options for bots and members with your server tag.</h4>

			<a href="/bot/875811233616519219/invite" target="_blank" class="btn">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>
				<div>Invite</div>
			</a>
		</div>
	</div>

	<div class="feature">
		<img src="https://noctaly.com/features/auto-responders.svg" alt="Auto Responders Feature">

		<div class="content">
			<h2>
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send-icon lucide-send"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>

				<div>Auto Responders</div>
			</h2>

			<h3>Save time by automatically responding to messages</h3>

			<h4>Trigger a message or emoji reaction whenever a member sends a matching phrase, with wildcard support for partial matches. Use it for FAQ responses, server info, or lightweight custom commands. Restrict triggers to specific roles or channels, delete the original message automatically, and schedule the bot's response to self-delete after a set time.</h4>

			<a href="/bot/875811233616519219/invite" target="_blank" class="btn">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>
				<div>Invite</div>
			</a>
		</div>
	</div>

	<div class="feature">
		<img src="https://noctaly.com/features/logs.svg" alt="Logs Feature">

		<div class="content">
			<h2>
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history-icon lucide-history"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></svg>

				<div>Logs</div>
			</h2>

			<h3>Keep track of everything that happens on your server</h3>

			<h4>Send different events to different channels: moderation actions, deleted and edited messages, bulk deletes, member joins and leaves, and voice activity. Every log shows the executor behind the action, so you always know who kicked, muted, or deleted. Exclude specific channels or roles from logging to keep things focused.</h4>

			<a href="/bot/875811233616519219/invite" target="_blank" class="btn">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg>
				<div>Invite</div>
			</a>
		</div>
	</div>


</div>

<style>
	:root {
		--top-gg-colors-brand-100: rgb(22 116 241);
		--top-gg-colors-brand-80: rgb(22 116 241);
		--top-gg-colors-brand-60: rgb(22 116 241);
		--top-gg-colors-brand-40: rgb(22 116 241);
		--top-gg-colors-brand-20: rgb(22 116 241);
		--color-brand-100: rgb(22 116 241);
		--color-brand-20: rgb(22 116 241);
		--color-brand: rgb(22 116 241);
	}

	#noctaly * {
		margin: 0;
		padding: 0;
	}

	#noctaly {
		border-radius: 16px;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 80px;
		color: white;
		padding: 64px 16px;
	}

	#noctaly .feature {
		display: flex;
		max-width: 600px;
		flex-direction: column;
		align-items: center;
		gap: 32px;
	}

	#noctaly .feature img {
		width: 100%;
	}

	#noctaly .feature .content {
		display: flex;
		width: 100%;
		gap: 16px;
		flex-direction: column;
	}

	#noctaly .feature h2 {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 1.25rem;
		line-height: 1.75rem;
		font-weight: 300;
		border-bottom: 0;
	}

	#noctaly .feature h2 svg {
		height: 30px;
		width: 30px;
		border-radius: calc(0.5rem - 2px);
		background-color: #212734;
		padding: 4px;
		border: 1px solid #ffffff;
	}

	#noctaly .feature h3 {
		font-size: 1.875rem;
		line-height: 2.25rem;
		font-weight: 700;
		border-bottom: 0;
	}

	#noctaly .feature h4 {
		font-size: 1.125rem;
		line-height: 1.75rem;
		font-weight: 300;
		color: rgb(209, 213, 219);
		border-bottom: 0;
	}

	#noctaly .btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		white-space: nowrap;
		font-size: 1rem;
		font-weight: 500;
		background-color: rgb(22, 116, 241);
		color: var(--primary-foreground);
		height: 3rem;
		border-radius: 0.375rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		width: 100%;
		transition: color 0.2s;
		text-decoration: none;
		position: relative;
		overflow: hidden;
		border-radius: var(--radius-md);
	}

	#noctaly .btn svg {
		height: 20px;
		width: 20px;
		fill: white;
	}

	.a[href="/bot/875811233616519219/invite"] {
		position: relative;
		overflow: hidden;
		border-radius: var(--radius-md);
    }

    .a[href="/bot/875811233616519219/invite"]:before {
		content: "";
		position: absolute;
		width: 100px;
		height: 100%;
		background-image: linear-gradient(
			120deg,
			rgba(255, 255, 255, 0) 30%,
			rgba(255, 255, 255, 0.8),
			rgba(255, 255, 255, 0) 70%
		);
		top: 0;
		left: -100px;
		animation: shine 2s infinite linear;
		z-index: 1;
		opacity: 0.5;
		pointer-events: none;
	}

    .btn:before {
		content: "";
		position: absolute;
		width: 100px;
		height: 100%;
		background-image: linear-gradient(
			120deg,
			rgba(255, 255, 255, 0) 30%,
			rgba(255, 255, 255, 0.8),
			rgba(255, 255, 255, 0) 70%
		);
		top: 0;
		left: -100px;
		animation: shine 2s infinite linear;
		z-index: 1;
		opacity: 0.5;
		pointer-events: none;
	}

	@keyframes shine {
		0% {
			left: -100px;
		}
		20% {
			left: 100%;
		}
		100% {
			left: 100%;
		}
	}
</style>

Noctaly

✨ The All-in-One Bot, made different • Leveling • Custom Economy • Reaction Roles • Welcomer • Moderation • Ban Appeal • Auto Message • Logs

Vote cho Noctaly

Bạn muốn hỗ trợ chúng tôi?