/cody/atherosai/ui/react-examples/pages/

3d-gallery.tsx /cody/atherosai/ui/react-examples/pages/3d-gallery.tsx

317 Views

0 Comments

import React from 'react';
import Container from '@components/Container';

const CustomLoader = () => {
return <>
<Con

_app.tsx /cody/atherosai/ui/react-examples/pages/_app.tsx

306 Views

0 Comments

import React from 'react';
import globalStyle from '@components/global.scss';

interface IAppProps {
Component: React.Function

button-glow-effect.tsx /cody/atherosai/ui/react-examples/pages/button-glow-effect.tsx

338 Views

0 Comments

import React from 'react';

const page = () => {
return (
<>
<span className='background'>

button-hover-effect.tsx /cody/atherosai/ui/react-examples/pages/button-hover-effect.tsx

382 Views

0 Comments

import React from 'react';
import Container from '@components/Container';

const cardsHoverEffect = () => {
return (

card-scroll-snap.tsx /cody/atherosai/ui/react-examples/pages/card-scroll-snap.tsx

377 Views

0 Comments

import React from 'react';
import CardScrollSnap from '@components/CardScrollSnap';

const Page = () => {
return <>

cards-flip-effect-gallery.tsx /cody/atherosai/ui/react-examples/pages/cards-flip-effect-gallery.tsx

309 Views

0 Comments

import React from 'react';
import Container from '@components/Container';

const cardsFlipEffectGallery = () => {
return <>

cards-hover-effect.tsx /cody/atherosai/ui/react-examples/pages/cards-hover-effect.tsx

372 Views

0 Comments

import React from 'react';
import Container from '@components/Container';

const cardsHoverEffect = () => {
return (

css-flex-box-responsive.tsx /cody/atherosai/ui/react-examples/pages/css-flex-box-responsive.tsx

340 Views

0 Comments

import React from 'react';

const inputPage = () => {
return (
<>
<section className='container'>

custom-loader-v1.tsx /cody/atherosai/ui/react-examples/pages/custom-loader-v1.tsx

360 Views

0 Comments

import React from 'react';
import Container from '@components/Container';

const CustomLoader = () => {
return <>
<Con

custom-loader.tsx /cody/atherosai/ui/react-examples/pages/custom-loader.tsx

388 Views

0 Comments

import React from 'react';
import Container from '@components/Container';

const CustomLoader = () => {
return <>
<Con

custom-radio.tsx /cody/atherosai/ui/react-examples/pages/custom-radio.tsx

357 Views

0 Comments

import React from 'react';
import Container from '@components/Container';

const CustomRadio = () => {
return <>
<Con

custom-slider-range.tsx /cody/atherosai/ui/react-examples/pages/custom-slider-range.tsx

306 Views

0 Comments

import React from 'react';
import CustomSliderRange from '@components/CustomSliderRange';

const CustomSliderRangePage = () => {

cut-out-text.tsx /cody/atherosai/ui/react-examples/pages/cut-out-text.tsx

345 Views

0 Comments

import React from 'react';

const myPageExample = () => {
return (
<>
<span className='container'>

flex-grow-effect.tsx /cody/atherosai/ui/react-examples/pages/flex-grow-effect.tsx

319 Views

0 Comments

import React from 'react';
import Container from '@components/Container';

const FlexGrowPage = () => {
return <>
<Co

footer-01.tsx /cody/atherosai/ui/react-examples/pages/footer-01.tsx

306 Views

0 Comments

import React from 'react';

const footerIsolated = () => {
return (
<>
<div style={{ height: '100vh', wi

grid-template-areas.tsx /cody/atherosai/ui/react-examples/pages/grid-template-areas.tsx

317 Views

0 Comments

import React from 'react';
import Container from '@components/Container';

const cardsHoverEffect = () => {
return (

index.tsx /cody/atherosai/ui/react-examples/pages/index.tsx

375 Views

0 Comments

import React from 'react';
import Link from 'next/link';

const DirectoryPage = () => {
return <>
<ul>
<

input-example.tsx /cody/atherosai/ui/react-examples/pages/input-example.tsx

389 Views

0 Comments

import React from 'react';

const inputPage = () => {
return (
<>
<span style={{ display: 'flex', justify

input-search.tsx /cody/atherosai/ui/react-examples/pages/input-search.tsx

366 Views

0 Comments

import React from 'react';

const inputPage = () => {
return (
<>
<span style={{ display: 'flex', justify

ios-like-switch.tsx /cody/atherosai/ui/react-examples/pages/ios-like-switch.tsx

385 Views

0 Comments

import React from 'react';

const iOSSwitchPage = () => {
return (
<>
<input type="checkbox" id="switch"

menu-items-hover.tsx /cody/atherosai/ui/react-examples/pages/menu-items-hover.tsx

360 Views

0 Comments

import React from 'react';

const MenuItemsPage = () => {
return <>
<ul>
<li>JavaScript</li>

notification-example.tsx /cody/atherosai/ui/react-examples/pages/notification-example.tsx

420 Views

0 Comments

import React from 'react';

const notificationExample = () => {
return (<>
<figure className="notification">

profile-card.tsx /cody/atherosai/ui/react-examples/pages/profile-card.tsx

381 Views

0 Comments

import React from 'react';
import ProfileCard from '@components/ProfileCard';

const CustomSliderRangePage = () => {
return

social-buttons.tsx /cody/atherosai/ui/react-examples/pages/social-buttons.tsx

339 Views

0 Comments

import React from 'react';

const inputPage = () => {
return (
<>
<span className='background'>

stories-horizontal-scroller.tsx /cody/atherosai/ui/react-examples/pages/stories-horizontal-scroller.tsx

406 Views

0 Comments

summary-details.tsx /cody/atherosai/ui/react-examples/pages/summary-details.tsx

385 Views

0 Comments

import React from 'react';

const inputPage = () => {
return (
<>
<span className='background'>

theme-switcher.tsx /cody/atherosai/ui/react-examples/pages/theme-switcher.tsx

374 Views

0 Comments

import React from 'react';
import ThemeSwitcher from '@components/ThemeSwitcher';

const ThemeSwitcherPage = () => {
return

zoom-image-hover-effect.tsx /cody/atherosai/ui/react-examples/pages/zoom-image-hover-effect.tsx

384 Views

0 Comments

import React from 'react';

const zoomPage = () => {
return (
<>
<div className="zoom-wrapper">

cody - HTMLify profile

files of /cody/atherosai/ui/react-examples/pages/