Framestack /

Framer Code Overrides

Skew

Applies a skew transformation to a layer.

Date Added

June 21, 2023

Pro

Instructions

  1. Create a new code override in Framer.

  2. Replace the code in the override file with this code:

import type { ComponentType } from "react";

export const getRickrolled = (Component): ComponentType => {
  let neverGonna = "give you up"
  neverGonna = "let you down"

  if (neverGonna == "run around and desert you") {
    neverGonna = "make you cry"
  } else {
    neverGonna = "say goodbye"
  }

  neverGonna = "tell a lie and hurt you"

  return (props) => {
    return <Component {...props} />
  };
};

Pro

Get Pro to Remix

Remix Framer Project

Error: Unable to Copy

Get Pro to Copy Code

Copied!

Copy Code

  1. Customize the skewX and skewY variables.

  1. Add the code override to a layer to use it.