Skip to content

Instantly share code, notes, and snippets.

View arturogh's full-sized avatar
💭
🇵🇪🤖🎨📸

Arturo Goicochea arturogh

💭
🇵🇪🤖🎨📸
View GitHub Profile
@perrysmotors
perrysmotors / AppBar.tsx
Last active October 9, 2022 08:34
Transform the height of a layer as you scroll in Framer X
import { Override, motionValue, useTransform } from "framer"
const contentOffsetY = motionValue(0)
// Apply this override to your scroll component
export function TrackScroll(): Override {
return { contentOffsetY: contentOffsetY }
}
// Apply this override to your app bar
@perrysmotors
perrysmotors / ParallaxLayer.tsx
Last active October 9, 2022 08:34
Add Parallax to scroll content in Framer X
import { Override, motionValue, useTransform } from "framer"
const contentOffsetY = motionValue(0)
// Apply this override to your scroll component
export function TrackScroll(): Override {
return { contentOffsetY: contentOffsetY }
}
// Apply this override to your parallax layer
@koenbok
koenbok / store.ts
Last active November 10, 2023 00:17
import * as React from "react";
/**
A hook to simply use state between components
Warning: this only works with function components (like any hook)
Usage:
// You can put this in an central file and import it too
const useStore = createStore({ count: 0 })
import * as React from 'react'
import { Frame, PropertyControls, ControlType } from 'framer'
interface Props {
color: string
}
export class componentName extends React.Component<Props> {
static defaultProps = {
width: 1600,
@ishani
ishani / gist:ee160ca4eabb32ceb411
Last active September 18, 2016 23:59
Gfycat for Jekyll
# Title: Gfycat JS tags for Jekyll
# Author: Harry Denholm, ishani.org
# Description: plug the custom gfycat image tags into a page
#
# updated 02/02/2016
#
# Syntax {% gfycat gfy_name %}
#
# Example:
# {% gfycat LateLikelyDassierat %}