Skip to content

Instantly share code, notes, and snippets.

View Josephenoch's full-sized avatar
:octocat:
Building

Joseph Enoch Josephenoch

:octocat:
Building
View GitHub Profile
@Josephenoch
Josephenoch / Subscribe.tsx
Created January 15, 2023 01:13
An animated (ie. cartoon-like) subscription UI with React, Typescript and TailwindCSS
import React, { FC, InputHTMLAttributes } from 'react'
const Subscribe = () => {
return (
<main className="w-screen h-screen flex justify-center items-center">
<div
className=" w-[410px] h-[350px] duration-700 rounded-lg hover:bg-fuchsia-300 hover:shadow-subscribeCard group focus-within:bg-red-300 focus-within:shadow-subscribeCard p-4 space-y-8"
>
<div className='flex justify-between'>