perrysmotors

import type { ComponentType } from "react"
import { useState, useEffect } from "react"

import type { MotionValue, Transition } from "framer-motion"
import {
    useScroll,
    useVelocity,
    useTransform,
    useMotionValue,
    animate,

netgfx

import { ComponentType, useEffect } from "react"
import { createStore } from "https://framer.com/m/framer/store.js@^1.0.0"
import { randomColor } from "https://framer.com/m/framer/utils.js@^0.9.0"
import Furniture_card from "../canvasComponent/em5g0kT7d"
import _ from "lodash"
import { Color, motion } from "framer"

// Learn more: https://www.framer.com/docs/guides/overrides/
// Uses this template: https://www.airtable.com/templates/featured/expZvMLT9L6c4yeBX/product-catalog

neiljohnston

import * as React from "react"
import { Frame, addPropertyControls, ControlType } from "framer"
import { motion } from "framer-motion"

async function importScripts() {
    let script = document.createElement("script")
    script.id = "font-awesome-fonts-script"
    // create a fontawesome kit: https://fontawesome.com/start
    script.src = "https://kit.fontawesome.com/KIT_ID_HERE.js" 
    script.crossOrigin = "anonymous"

addisonschultz

import { ControlType, PropertyControls } from "framer";

export function generatePropertyControls(
  options: {
    hidden?: (props: any) => boolean;
    omittedProperties?: string[];
  } = {}
): PropertyControls {
  const properties: PropertyControls = {
    // Property Controls go here

steveruizok

import { Override, motionValue, useAnimation } from 'framer'

const x = motionValue(0)
const y = motionValue(0)

export function Knob(): Override {
	const maxRadius = 32
	const overDrag = 0.25

	const animation = useAnimation()

tatianamac

Speaker Rider

by Tatiana Mac

Last updated 14 April 2021

What is a speaker rider?

As speaking comes with immense privilege, I have crafted a speaker rider to set expectations and boundaries around my engagement. I am grateful to all the conference organisers who have brilliantly hosted me. I would love to continue to exercise this privilege to speak at conferences, and use this privilege to make the landscape more accessible and beneficial to tech's most historically excluded and marginalised communities.

Considerations

😫 I provide a lot of explanations for those of you who never had to consider these things. Most thoughtful conferences I've attended check most of these boxes intrinsically, particularly when conference runners are experienced speakers. They get it.

davo

import * as React from 'react'
import { Stack, Frame } from 'framer'
import { colors } from './canvas'

export function Colors() {
	const [colorsTokens] = React.useState(() => {
		return Object.keys(colors).map(key => colors[key])
	})

	return (

mackuba

Here's my own list of the interesting stuff announced during this year's WWDC, collected from the keynotes, various Apple docs, blog posts and tweets.

If you're planning to watch the videos, I really recommend this Mac app that helps you download and watch them: https://github.com/insidegui/WWDC.

OS X El Capitan

http://www.apple.com/osx/elcapitan-preview/

• split view - two apps side by side on full screen

bomberstudios

NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory

Sketch Plugins

A list of Sketch plugins hosted at GitHub, in no particular order.

• brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
• sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
• FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
• almonk/SketchGit A simple Git client built right into Sketch.

io41

// includes bindings for fetching/fetched

var PaginatedCollection = Backbone.Collection.extend({
  initialize: function() {
    _.bindAll(this, 'parse', 'url', 'pageInfo', 'nextPage', 'previousPage');
    typeof(options) != 'undefined' || (options = {});
    this.page = 1;
    typeof(this.perPage) != 'undefined' || (this.perPage = 10);
  },
  fetch: function(options) {