Skip to content

Instantly share code, notes, and snippets.

View OmkarK45's full-sized avatar
💫
Trust the process

Omkar Kulkarni OmkarK45

💫
Trust the process
View GitHub Profile
@antfu
antfu / doc-table.md
Last active October 14, 2023 20:09
Doc Table in Markdown

Example

Name

Description


@hipstersmoothie
hipstersmoothie / Grid.stories.tsx
Last active March 27, 2022 07:46
Grid Template Component
import * as React from 'react';
export default {
title: 'Components/Grid',
};
type FilterString<S extends string, T extends string> = S extends T ? never : S;
type Split<S extends string, D extends string> = string extends S
? string[]
@tnarla
tnarla / useMediaQuery.tsx
Created November 8, 2021 20:57
useMediaQuery hook
import { ComponentProps, ReactNode, useEffect, useState } from 'react';
const Queries = {
xs: {
min: 0,
max: 639,
classNamesMin: 'block',
classNamesMax: 'block sm:hidden',
},
sm: {
@guimochila
guimochila / auth.tsx
Created September 21, 2021 14:54
Authentication in React App - Typescript
import * as React from 'react';
import { client } from '../utils/httpClient';
type User = {
_id: string;
name: string;
email: string;
photo: string;
credits: number;
} | null;
@jaredpalmer
jaredpalmer / MarkdownPage.tsx
Created February 17, 2021 13:52
Get headers from MDX in Next.js
import {MDXProvider} from '@mdx-js/react';
import {MDXComponents} from 'components/MDX/MDXComponents';
import {Toc} from 'components/Toc/Toc';
import * as React from 'react';
export interface MarkdownProps<Frontmatter> {
meta: Frontmatter;
children?: React.ReactNode;
}
@EmilyRosina
EmilyRosina / jsconfig.json
Created November 13, 2020 20:46
VSCode config to get CTRL + click and Class intellisense working everywhere
{
// This file is required for VSCode to understand webpack aliases
"module": "es6",
"moduleResolution": "node",
"compilerOptions": {
"resolveJsonModule": true,
"jsx": "preserve",
"module": "commonjs",
"target": "es5",
"sourceMap": true,
@argyleink
argyleink / easings.css
Created February 26, 2018 22:34
Handy CSS properties for easing functions
:root {
--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);