TailwindCSS
Toast notification animado
Nível: '%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Iniciante
Para fazer em: '%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FCDF77'%20/%3e%3cstop%20offset='1'%20stop-color='%23C9349F'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
1 dia
O que você vai aprender:
CSS TailwindCSS Javascript
+31
Mini Projetos
TailwindCSSTailwindCSS
Toggle de dark mode animado
Nível: Iniciante
Para fazer em: 1 dia
O que você vai aprender:
Javascript CSS TailwindCSS
+59
TailwindCSS
Free
Tela de login mais bonita do mundo
Nível: Iniciante
Para fazer em: 1 dia
O que você vai aprender:
CSS TailwindCSS
+281
TailwindCSS
Lista de avatares com TailwindCSS e shadcn/ui
Nível: '%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Avançado
Para fazer em: 1 dia
O que você vai aprender:
TailwindCSS Next.js Shadcn/ui
+10