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>Create a fun and engaging economy for your server</h3>

			<h4>Create a unique economy system with a virtual currency to offer custom items, colors and icons in chests. Offer colors and icons to let your members customize their profile. Create chests with items for your members to open and win items. Earn money by being active in voice and text channels, or with /work and /daily commands. Create custom items to give roles, xp, money and boosts.</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>Reward the activity in voice and text channels of your members with roles and perks. Give your server a unique identity with a personalized rank card and a wide range of options. Keep your members up to date on their position in the leaderboard with an automatically updated leaderboard on Discord.</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>Give your members a choice of roles to add to their profile. You can let them choose their username color, notifications, and more. Restrict a reaction role to certain roles to offer a choice of special roles for your VIP members. Add multiple roles per reaction for more advanced customization.</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>Let your members appeal their punishments by filling a form with customizable questions and options. Moderators can then have a discussion with this member in a live chat integrated into the website. Appeals management is integrated into Discord and the website for greater ease of use. Noctaly is the only bot to offer all-in-one feature.</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>Give your members the welcome they deserve. Make your server unique from the very first impression with a customizable welcome card. Use this message to inform them of important server information, such as the following rules. Give your members all the roles they need as soon as they arrive with the auto roles module.</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>Automatically respond to messages with a customizable message. You can use this feature to answer frequently asked questions, provide information about your server or make simple custom commands. This feature is important for server owners who want to save time and provide a better experience for their members.</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>Keep track of everything that happens on your server with logs. This is one of the most important features for moderators to keep the server safe. In addition to the log, you can see who is the executor, such as a vocal disconnection or a deleted message. Noctaly offers a wide range of logs, including moderation, messages, voice activity, members activity and more.</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(--top-gg-radii-md);
	}

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

	.a[href="/bot/875811233616519219/invite"] {
		position: relative;
		overflow: hidden;
		border-radius: var(--top-gg-radii-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

Voto per Noctaly

Do you want to support us?