Skip to content

Instantly share code, notes, and snippets.

@nikolovlazar
nikolovlazar / alert-anatomy-illustration.tsx
Created October 23, 2022 08:11
Alert anatomy illustration
<AspectRatio ratio={16 / 9}>
<svg
width='100%'
height='100%'
viewBox='0 0 480 270'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<rect width='480' height='270' fill='white' />
<path
@nikolovlazar
nikolovlazar / stat-anatomy.tsx
Created October 17, 2022 10:44
Stat anatomy illustration
<AspectRatio ratio={16 / 9}>
<svg
width='100%'
height='100%'
viewBox='0 0 480 270'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<rect width='480' height='270' fill='white' />
<path
@nikolovlazar
nikolovlazar / switch-anatomy.tsx
Created October 17, 2022 10:10
Switch anatomy illustration
<AspectRatio ratio={16 / 9}>
<svg
width='100%'
height='100%'
viewBox='0 0 480 270'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<rect width='480' height='270' fill='white' />
<rect x='172' y='97' width='136' height='76' rx='38' fill='#3182CE' />
@nikolovlazar
nikolovlazar / accordion-anatomy.tsx
Last active October 17, 2022 09:58
Accordion component anatomy illustration
<AspectRatio ratio={16 / 9}>
<svg
width='100%'
height='100%'
viewBox='0 0 480 270'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<rect width='480' height='270' fill='white' />
<path
@nikolovlazar
nikolovlazar / modal-anatomy.tsx
Created October 14, 2022 10:46
The Modal Anatomy illustration
<AspectRatio ratio={16 / 9}>
<svg
width='100%'
height='100%'
viewBox='0 0 960 540'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<rect width='960' height='540' fill='black' fill-opacity='0.1' />
<g filter='url(#filter0_dd_814_9328)'>
@nikolovlazar
nikolovlazar / arrow-right.tsx
Created November 13, 2021 14:22
CodeDay Chakra UI Workshop Project Icons
import { Icon, IconProps } from '@chakra-ui/react';
const ArrowRight = (props: IconProps) => (
<Icon {...props} viewBox='0 0 14 14'>
<path
d='M7.68364 6.99999L4.79614 4.11249L5.62098 3.28766L9.33331 6.99999L5.62098 10.7123L4.79614 9.88749L7.68364 6.99999Z'
fill='currentColor'
/>
</Icon>
);
@nikolovlazar
nikolovlazar / .zshrc
Last active March 31, 2022 06:18
VSCode Settings
if [[ "${VSC}" == "yep" ]]
then
PS1='$ > '
fi
@nikolovlazar
nikolovlazar / cloudSettings
Last active June 2, 2021 12:48
Visual Studio Code Settings Sync Gist
{"lastUpload":"2021-06-02T12:47:16.120Z","extensionVersion":"v3.4.3"}
@nikolovlazar
nikolovlazar / fuckbinobj.sh
Created August 13, 2018 14:22
fuck bin obj
#!/bin/bash
find . -iname 'bin' -o -iname 'obj' | xargs rm -rf
{
"workbench.colorTheme": "Cobalt2",
"editor.fontFamily": "Operator Mono Lig, Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.fontSize": 17,
"editor.lineHeight": 25,
"editor.letterSpacing": 0.5,
"files.trimTrailingWhitespace": true,
"editor.fontWeight": "200",
"editor.cursorStyle": "block",