lulato

ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIM5i/oh0i6W4wAuBb/C38KLHp/QxtHAWUcWxiHVs5223 luisrlatorre@gmail.com

lulato

import * as React from "react"
import { Scroll, Frame } from "framer"

import { PostCard } from "./canvas"

export function Feed({ data }) {
    if (!data) return null

    const List = data.map((item, index) => {
        return (

lulato

{"v":"4.12.2","fr":30,"ip":0,"op":50,"w":750,"h":10,"nm":"loader_03","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Blue_lINE Outlines","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":20,"s":[100],"e":[0]},{"t":25}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-0.5,5.031,0],"ix":2},"a":{"a":0,"k":[0,5.031,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":0,"s":[0,100,100],"e":[100,100,100]},{"t":25}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,5],[751,5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":0,"s"

lulato

{"v":"5.2.1","fr":60,"ip":0,"op":475,"w":100,"h":100,"nm":"Loader Lottie ","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"spinner","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[0.91]},"o":{"x":[0.333],"y":[0]},"n":["0p667_0p91_0p333_0"],"t":0,"s":[0],"e":[100]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0.475]},"n":["0p667_1_0p333_0p475"],"t":19,"s":[100],"e":[100]},{"t":20}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,48,0],"ix":2},"a":{"a":0,"k":[-9,-197,0],"ix":1},"s":{"a":0,"k":[105,105,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[49,49],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"st","c":{"a":0,"k":[0,0.592156862745,0.996078431373,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":2,"lj":2,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-9,-197],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"

lulato

{"v":"5.5.6","fr":30,"ip":0,"op":123,"w":400,"h":400,"nm":"Combined","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":1,"nm":"Royal Blue Solid 1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.34],"y":[1]},"o":{"x":[0.66],"y":[0]},"t":20,"s":[100]},{"t":35,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[200,200,0],"ix":2},"a":{"a":0,"k":[200,200,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[6.47,6.638],[0,0],[6.186,-6.468],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[7.85,5.209],[0,0],[0,0],[0,0],[8.867,-5.771]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[-6.266,-6.394],[0,0],[-6.387,6.714],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-8.935,-5.665],[0,0],[0,0],[0,0],[-7.784,5.3],[0,0]],"v":[[235.587,158.519],[243.767,167.216],[230.644,176.254],[211.164,167.746],[211.161,167.288],[218.656,157.721],[198.969,138.438],[198.53,138.44],[179.078,157.955],[186.685,167.433],[186.687,167.892],

lulato

import * as React from "react"
//@ts-ignore
import { createStore } from "./CreateStore"
import { Frame, Override } from "framer"

const useStore = createStore({
    name: "Luis",
    textColor: "orange",
    background: "yellow",
})

lulato

import { Override } from "framer"
import { createStore } from "./CreateStore"

const useConterStore = createStore({ count: 0 })

export function Subtract(): Override {
    const [store, setStore] = useConterStore()
    return {
        onTap() {
            setStore({ count: store.count - 1 })

lulato

import { Override, motionValue, useTransform } from "framer"

// Create a MotionValue to track scroll content offset
const contentOffsetY = motionValue(0) // How much how we scrolled up a


export function TrackScroll(): Override {
    return {
        contentOffsetY: contentOffsetY,
        onScroll() {

lulato

{
    "Messages":
      [
        {
          "id":"005",
          "content":"Let's do something fun today",
          "senderID":"5782",
          "senderName": "Luis Ricardo La Torre", 
          "timeStamp": "3 mins ago"
        },  

lulato

import { Override, Data } from "framer"

const data = Data({
    y: 0,
    opacity: 0
})

export function Tapper(): Override {
    return {
        onTap() {