Framestack /

Framer Code Overrides

Drop Cap

Makes text more elegant by enlarging the first letter.

Drop caps, with their graceful and ornate presence, bestow upon written works an aura of elegance and sophistication. These typographical gems, like the first strokes of a painter's brush on a canvas, captivate the reader's eye and beckon them into the world of words. They lend an air of timeless charm and vintage allure, invoking the spirit of centuries past while infusing modern texts with an irresistible allure. Aesthetic enchantment aside, drop caps enhance readability by guiding the reader's gaze and ushering them gracefully into the heart of the narrative. In their embrace, we discover that the art of typography is not merely functional but a sublime marriage of form and function, enriching the written word with both visual splendor and literary resonance.

Date Added

September 19, 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 lineCount variable.

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