Skip to content

Instantly share code, notes, and snippets.

View infrasync's full-sized avatar
🎯
Focusing

Roni Ardiyanto infrasync

🎯
Focusing
View GitHub Profile
@infrasync
infrasync / ImgCarousel.tsx
Created June 12, 2024 02:05
Image Carousel : tailwind + framer motion
import { useEffect, useState, useCallback } from "react";
import { motion } from "framer-motion";
import { Icon } from "@iconify/react";
type Props = {
images: string[];
isAutoPlay?: boolean;
};
const variants = {
{
"editor.accessibilitySupport": "off",
"workbench.colorCustomizations": {},
"editor.fontFamily": "CommitMono",
"extensions.ignoreRecommendations": true,
"window.commandCenter": true,
"workbench.colorTheme": "Vitesse Light",
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
@infrasync
infrasync / .prettierrc
Last active August 20, 2020 11:48
My prettierr config
{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"semi": false,
"singleQuote": true,
"trailingComma": "none",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"fluid": false