Skip to content

Instantly share code, notes, and snippets.

@RayPS
RayPS / Framer-Simple-Grid.coffee
Last active March 20, 2021 13:41
Framer Simple Grid
column = 4
count = 19
gutter = 10
cellSize =
width: 100
height: 100
for i in [0...count]
offsetX = i % column
offsetY = Math.floor i / column
import * as React from "react";
import { Frame, PropertyControls, ControlType } from "framer";
export class componentName extends React.Component {
static defaultProps = {
width: 1600,
height: 1200,
color: "#e0f",
import { Override, AnimationControls } from "framer";
const anim1 = new AnimationControls();
const anim2 = new AnimationControls();
// Where to call unmount???
anim1.mount();
anim2.mount();
async function animate() {
@koenbok
koenbok / TabBar.tsx
Created May 15, 2019 18:49
Tab Bar
import * as React from "react"
import { Frame, Stack } from "framer"
function capitalize(name) {
// Capitalizes a word: feed -> Feed
return name.charAt(0).toUpperCase() + name.slice(1)
}
function Button({ title, active, onTap }) {
const opacity = active ? 1 : 0.35