51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T66d,

Tradeboard - Trading, Fintech & Data Dashboard Framer Template

Tradeboard is a Framer template for trading platforms, fintech products, crypto dashboards, brokerage sites, market data tools and analytics SaaS. If you are launching an exchange, a portfolio tracker, a research terminal or any product where numbers are the interface, Tradeboard gives you the marketing site and the working modules to fill it.

Most templates in this category show pictures of a dashboard. This one ships the dashboard. Nine modules are real code components with visual panel controls: an order book with a live depth ladder, a market watchlist with sparklines, an SMA chart, a price target fan, a sectors donut, a market snapshot card, a stat tile, an alert stack and a news card. Each runs in the page, and each can be dropped into your own product.

Every number states how it was derived. That sounds small until you are in front of a client or a compliance team and have to explain your own demo.

Everything runs on one set of tokens. Twenty one colour styles and eight text styles drive the whole file, so restyling is a change in one place rather than a pass over every section. Two CMS collections are wired and ready for your entries.

Included: a long form home page, a modules index with a CMS driven detail page for each module, changelog, contact, legal and 404, plus a backgrounds library and two alternate hero layouts to swap in.

📩 Support Questions or help getting set up: design@ssych.com

53:T6b6,

Analyst price targets drawn as a fan chart. Price history walks up to today, then three dashed projections fan out to the high, mean and low target, each labelled with how many analysts sit behind it.

What it does

Three projections. High, mean and low fan forward from the last real price. Each ends in a label with its value and analyst count.

Hover to isolate. Hover a target and the other two dim so you can read one path cleanly.

Scrubbable history. Drag back across the solid part of the line to read prices from earlier weeks.

Delta maths. Each target shows its distance from now as (target - now) / now, signed and coloured, so the upside or downside reads without arithmetic.

Every number is a control. Now, high, mean, low and the three analyst counts are all panel fields. No code needed to point it at a different stock.

Draw in animation. History draws first, then the fan opens. Reduced motion users get the final state.

Best for

Equity research products, investing newsletters, brokerage and analyst pages, and fintech sections that need to show forward looking data honestly.

How to use

1. Drop it on the canvas and give it width. The fan needs horizontal room to read.

2. Set the Label, for example "Price target · 12mo".

3. Set Now to the current price, then High, Mean and Low to your targets.

4. Set High #, Mean # and Low # to the analyst counts behind each one.

5. Pick a Theme and Accent.

6. Hover each target in preview to check the isolate behaviour.

History is sample data. The targets and counts are real inputs, so the fan and every delta are computed from what you type.

54:T6fd,

Price history you can steer. A detail chart sits above a compressed mini map of the full 240 day series, and you drag a brush window across the bottom to choose what the top chart shows.

What it does

Brush window. Drag the middle of the window to pan through history. Pull either edge to widen or narrow it, and the detail chart rescales to whatever you selected.

Two linked charts. The mini map always shows the whole series with your selection highlighted, so you never lose your place while zoomed in.

Crosshair readout. Hover the detail plot and a dashed guide follows the cursor with a card showing price and date at that exact point.

Axis that follows the window. Ticks and end labels derive from the selection, taking the min and max of the visible range and padding 10% each side, so a flat stretch still fills the plot.

Optional chrome. Price axis and Crosshair each turn off on their own when you want the bare chart.

Best for

Analytics and reporting products, portfolio and performance pages, anywhere you need to show a long series without forcing the reader to squint at 240 points at once.

How to use

1. Drop it on the canvas. Give it real width, it wants room for both charts.

2. Set the Title, or clear it if the section already has a heading.

3. Set Window between 12 and 239 days for the starting selection. 72 is a quarter and reads well as a default.

4. Turn Price axis off for a cleaner look, or Crosshair off if the component is decorative rather than interactive.

5. Pick a Theme and Accent.

6. In preview, drag the brush and pull its edges to confirm the range feels right.

The 240 day series is deterministic sample data. Swap it for your feed in the code file.

55:T5b2,

A sector allocation ring. Weights become arcs around a centered symbol, with legend rows down the right, and hovering either an arc or a row dims everything else so one weight reads at a time.

What it does

Arc per weight. Arc length is that sector's percentage of the ring, so the geometry is the data.

Two way hover. Hover a legend row to isolate its arc, or hover the arc to isolate its row. Both directions work.

Centered label. The symbol sits in the hole with a caption line under it, for example "SPY" over "of 503 holdings".

Ring thickness. 6 to 20 px. Thin reads as a chart, thick reads as a graphic.

Staggered draw in. Arcs sweep in one after another on first paint. Reduced motion users get the finished ring.

Best for

Portfolio and fund pages, ETF and index products, allocation and breakdown sections, and any place a pie chart would normally go but needs to look built rather than generated.

How to use

1. Drop it on the canvas. It wants enough width for the ring and the legend side by side.

2. Set the Symbol for the middle, and the Caption underneath it.

3. Set Thickness between 6 and 20 for the ring weight.

4. Pick a Theme and Accent.

5. Hover arcs and legend rows in preview to confirm the isolate reads clearly at your size.

The sector weights are sample data. Edit them in the code file to show your own allocation.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-d6c45fdc-52a2-44b6-98bd-d9bc510c67c7-all:/unified/creator/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/activity/":[{"data":[{"id":"01a09c24-2016-7389-b21d-8e9b90bfb718","type":"creator.followed","target":{"type":"creator","id":"efdded77-3c71-4bb2-a61d-30ef6282cbf5","preview":"David Bagdasaryan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/efdded77-3c71-4bb2-a61d-30ef6282cbf5/rvqwdsaz","slug":"dtaw","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T19:00:08.337Z","latestAt":"2026-09-13T19:00:08.337Z"},{"id":"01a09c24-1e77-71e5-ac33-ad26c4341ae5","type":"creator.followed","target":{"type":"creator","id":"3332ee19-744a-4b5b-bf05-db6279838a49","preview":"James Ravenscroft","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3332ee19-744a-4b5b-bf05-db6279838a49/3qrq139c","slug":"james-ravenscroft","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T19:00:07.920Z","latestAt":"2026-09-13T19:00:07.920Z"},{"id":"01a09c24-1a3e-709b-9eec-bceb3effa910","type":"creator.followed","target":{"type":"creator","id":"2906a981-0160-4c99-8dfe-830c9e42e814","preview":"Jasper @ Vibrant","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2906a981-0160-4c99-8dfe-830c9e42e814/9ohjq8zd","slug":"vibrant-digital","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T19:00:06.827Z","latestAt":"2026-09-13T19:00:06.827Z"},{"id":"01a09c24-18a1-743e-ba8f-d2ad37cd1acd","type":"creator.followed","target":{"type":"creator","id":"9bbdcb48-bb64-40cc-91a6-5bf19b109267","preview":"Gridwork Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9bbdcb48-bb64-40cc-91a6-5bf19b109267/119gjegz","slug":"gridworkstudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T19:00:06.425Z","latestAt":"2026-09-13T19:00:06.425Z"},{"id":"01a09c24-1686-761e-9ff4-687972c591fd","type":"creator.followed","target":{"type":"creator","id":"fb6b3eab-fefc-4950-b739-6d3eb19ae1f4","preview":"Fabian Albert","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29162/avatar-XtcB8JOFOBWTfkZQZV1z0TDNUGtBTM.jpg","slug":"fabian-albert","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T19:00:05.884Z","latestAt":"2026-09-13T19:00:05.884Z"},{"id":"01a09024-7f77-713e-aa41-34541dac8035","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T11:05:06.162Z","latestAt":"2026-09-11T11:05:06.162Z"},{"id":"01a09024-7cea-720b-95d6-99c82ce243d9","type":"creator.followed","target":{"type":"creator","id":"2186e148-007b-4fa6-bc15-fd97d4b1b61b","preview":"Aux Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2186e148-007b-4fa6-bc15-fd97d4b1b61b/qb7ur5l5","slug":"auxstudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T11:05:05.482Z","latestAt":"2026-09-11T11:05:05.482Z"},{"id":"01a09024-7a61-730f-9190-70dbfc614777","type":"creator.followed","target":{"type":"creator","id":"99d592eb-2b87-4aec-95b7-7e60558a7dff","preview":"Riccardo Fala","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/37356/avatar-knHQz8HqXmxjQ5FGefV8YaPg8wEqsj.jpg","slug":"riccardo-fala","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T11:05:04.843Z","latestAt":"2026-09-11T11:05:04.843Z"},{"id":"01a04008-c547-7710-b542-9f53450b3537","type":"creator.followed","target":{"type":"creator","id":"7cc37e83-83e7-4423-a64b-8670e2643206","preview":"Ksenia Tretiak","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/7cc37e83-83e7-4423-a64b-8670e2643206/-PNIRW5fI","slug":"ksenia-tretiak","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T21:45:11.746Z","latestAt":"2026-08-26T21:45:11.746Z"},{"id":"01a04008-c1e3-75da-8a74-5e5dbec7fba1","type":"creator.followed","target":{"type":"creator","id":"041dd884-ec6a-4a73-b590-c954c3f150a4","preview":"Uchechukwu Eze","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/041dd884-ec6a-4a73-b590-c954c3f150a4/idhf6lni","slug":"uchechukwu-eze","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T21:45:10.880Z","latestAt":"2026-08-26T21:45:10.880Z"},{"id":"01a04008-c07e-7173-920b-08f11de905d9","type":"creator.followed","target":{"type":"creator","id":"734db3ca-6037-40a6-99d0-d8f293cf772f","preview":"himalayan.dev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/734db3ca-6037-40a6-99d0-d8f293cf772f/nvvzro2n","slug":"saurab-giri","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T21:45:10.521Z","latestAt":"2026-08-26T21:45:10.521Z"},{"id":"01a038d2-fcd6-720f-9c4b-628148b51c2b","type":"creator.followed","target":{"type":"creator","id":"47ce9fd8-7420-482c-8884-adf1417d99ea","preview":"Evgeniy Kiriyan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47ce9fd8-7420-482c-8884-adf1417d99ea/ogmq5aky","slug":"evgeniy-kiriyan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T12:09:06.479Z","latestAt":"2026-08-25T12:09:06.479Z"},{"id":"01a038d2-f9e8-779f-9ed6-440f4d849c3d","type":"creator.followed","target":{"type":"creator","id":"4f335893-561c-44a8-9498-f0f4769fa540","preview":"A. Basit","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/4f335893-561c-44a8-9498-f0f4769fa540/9lvdIDEtU","slug":"basit301","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T12:09:05.761Z","latestAt":"2026-08-25T12:09:05.761Z"},{"id":"01a038d2-f7e3-7219-9a05-2eae43ebb72e","type":"creator.followed","target":{"type":"creator","id":"8e7a22be-e0ce-4523-8da5-f429466723cc","preview":"ThemetechMount","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/336398/c449c18407d462d8d5934db94d2c59e0-RKCgeIRA0JIfuRLdPH5eUJZKZt9WJI","slug":"themetechmount","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T12:09:05.241Z","latestAt":"2026-08-25T12:09:05.241Z"},{"id":"01a035dc-e505-7208-98c4-7c488d0ffb67","type":"creator.followed","target":{"type":"creator","id":"98897d22-b7e8-4b91-b24d-f2ab9073c255","preview":"Shifate Rabby","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/98897d22-b7e8-4b91-b24d-f2ab9073c255/0e6jmioo","slug":"shifaterabby","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T22:21:04.126Z","latestAt":"2026-08-24T22:21:04.126Z"},{"id":"01a035dc-e095-712a-b715-f087f449b96a","type":"creator.followed","target":{"type":"creator","id":"0ad237a8-201b-450e-9739-b8e8b04c6290","preview":"Idriss Taleb","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ad237a8-201b-450e-9739-b8e8b04c6290/ww5jmzbx","slug":"idriss-taleb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T22:21:02.992Z","latestAt":"2026-08-24T22:21:02.992Z"},{"id":"01a035dc-df56-7572-9463-19249bda8bef","type":"creator.followed","target":{"type":"creator","id":"bd9670c8-2a26-424a-b46b-79bc48754136","preview":"We Are CreativeCo.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/755337/avatar-wFu0mQG0w82tCQrNxsli016N3zVMac.jpg","slug":"elisabetta-fanelli","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T22:21:02.674Z","latestAt":"2026-08-24T22:21:02.674Z"},{"id":"01a035dc-dc2c-7094-af3a-7df14cf97a8a","type":"creator.followed","target":{"type":"creator","id":"f303373e-d4a4-417b-8c24-ad29f5c127f2","preview":"Viswanathan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/587405/avatar-jympHw2Ik5z6nbnsCmGk1BAZTrMEth.jpg","slug":"vizyack","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T22:21:01.834Z","latestAt":"2026-08-24T22:21:01.834Z"},{"id":"01a03579-3edf-7283-86b1-7fd22c018979","type":"creator.followed","target":{"type":"creator","id":"e1af7305-3d64-4054-8d78-41972a97341c","preview":"Zoe P.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1af7305-3d64-4054-8d78-41972a97341c/46zap623","slug":"zoe-p","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T20:32:13.494Z","latestAt":"2026-08-24T20:32:13.494Z"},{"id":"01a03579-36dc-72ec-a4c6-e2b3a35146db","type":"creator.followed","target":{"type":"creator","id":"11e549fb-b8f5-49a2-be27-b2aac61f02f1","preview":"Petar Stosic","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/11e549fb-b8f5-49a2-be27-b2aac61f02f1/5a1vevf1","slug":"ps-templates","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","slug":"ssych","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T20:32:11.479Z","latestAt":"2026-08-24T20:32:11.479Z"}],"pagination":{"next":"MjAyNi0wOC0yNFQyMDozMjoxMS40NzlafDAxYTAzNTc5LTM2ZGMtNzJlYy1hNGM2LWUyYjNhMzUxNDZkYg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:d6c45fdc-52a2-44b6-98bd-d9bc510c67c7:/unified/posts/?creator=d6c45fdc-52a2-44b6-98bd-d9bc510c67c7&with=reposts":[{"data":[{"id":"01a0af46-87f6-714d-9d4b-3d33d200d96d","title":null,"body":"

Just built a cool badge

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just built a cool badge"}]}]},"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/kbzjQogQe01i4ZM8b1uCLXyBhsVrkkFqtdt02zvRC3wkY.m3u8","metadata":{"posterUrl":"https://image.mux.com/kbzjQogQe01i4ZM8b1uCLXyBhsVrkkFqtdt02zvRC3wkY/thumbnail.webp?time=5.1","aspectRatio":"1:1","duration":7.166667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-17T12:10:30.267Z","updatedAt":"2026-09-17T12:10:30.267Z"},{"id":"01a03576-b1e3-7304-a245-21ba77187ccf","title":null,"body":"

Template for people building trading platforms, developer API products and web3 apps. The kind of product where the interface is mostly numbers and the landing page keeps getting pushed back because you would rather work on the thing itself.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Template for people building trading platforms, developer API products and web3 apps. The kind of product where the interface is mostly numbers and the landing page keeps getting pushed back because you would rather work on the thing itself."}]}]},"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71817","resolved":true,"title":"Tradeboard","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tradeboard - Trading, Fintech & Data Dashboard Framer Template","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tradeboard is a Framer template for trading platforms, fintech products, crypto dashboards, brokerage sites, market data tools and analytics SaaS. If you are launching an exchange, a portfolio tracker, a research terminal or any product where numbers are the interface, Tradeboard gives you the marketing site and the working modules to fill it."}]},{"type":"paragraph","content":[{"type":"text","text":"Most templates in this category show pictures of a dashboard. This one ships the dashboard. Nine modules are real code components with visual panel controls: an order book with a live depth ladder, a market watchlist with sparklines, an SMA chart, a price target fan, a sectors donut, a market snapshot card, a stat tile, an alert stack and a news card. Each runs in the page, and each can be dropped into your own product."}]},{"type":"paragraph","content":[{"type":"text","text":"Every number states how it was derived. That sounds small until you are in front of a client or a compliance team and have to explain your own demo."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything runs on one set of tokens. Twenty one colour styles and eight text styles drive the whole file, so restyling is a change in one place rather than a pass over every section. Two CMS collections are wired and ready for your entries."}]},{"type":"paragraph","content":[{"type":"text","text":"Included: a long form home page, a modules index with a CMS driven detail page for each module, changelog, contact, legal and 404, plus a backgrounds library and two alternate hero layouts to swap in."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"envelope_with_arrow","emoji":"📩"}},{"type":"text","text":" Support","marks":[{"type":"bold"}]},{"type":"text","text":" Questions or help getting set up: "},{"type":"text","text":"design@ssych.com","marks":[{"type":"code"}]}]}]},"introduction":"Trading and fintech products","slug":"tradeboard","author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/01a03575-534d-75f0-8b72-c72cdf6a43ef.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/01a03575-5369-721e-b326-7659c5fd8012.jpg","metadata":{"tint":{"h":235,"s":92,"l":20},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/01a03575-53a5-721d-8282-7d95e66f8907.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/01a03575-5340-721c-93aa-307ea774da0e.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/01a03575-534b-71ea-99c8-5431aab0ef08.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-24T20:29:25.738Z","updatedAt":"2026-09-11T12:05:25.538Z","publishedAt":"2026-08-24T20:29:25.734Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://buy.polar.sh/polar_cl_dAUCZvbxdjWewfm8nY30LB09TRwaN6ncXHweH1sP6K0","remixUrl":null,"previewUrl":"https://tradeboard.framer.website/","categories":[{"id":23,"name":"Web3","slug":"web3"},{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":112,"name":"Technology","slug":"technology"}],"styles":[{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":272,"name":"Fintech","slug":"fintech"},"features":[{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-24T21:09:30.850Z","createdAt":"2026-08-24T20:29:26.371Z","updatedAt":"2026-08-24T21:09:30.850Z"},{"id":"019fd28a-cf79-7624-85ab-89461755687e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6mFanCm2OJq97J8R8KNq","resolved":true,"title":"Price target fan","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Analyst price targets drawn as a fan chart. Price history walks up to today, then three dashed projections fan out to the high, mean and low target, each labelled with how many analysts sit behind it."}]},{"type":"paragraph","content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Three projections. High, mean and low fan forward from the last real price. Each ends in a label with its value and analyst count."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover to isolate. Hover a target and the other two dim so you can read one path cleanly."}]},{"type":"paragraph","content":[{"type":"text","text":"Scrubbable history. Drag back across the solid part of the line to read prices from earlier weeks."}]},{"type":"paragraph","content":[{"type":"text","text":"Delta maths. Each target shows its distance from now as (target - now) / now, signed and coloured, so the upside or downside reads without arithmetic."}]},{"type":"paragraph","content":[{"type":"text","text":"Every number is a control. Now, high, mean, low and the three analyst counts are all panel fields. No code needed to point it at a different stock."}]},{"type":"paragraph","content":[{"type":"text","text":"Draw in animation. History draws first, then the fan opens. Reduced motion users get the final state."}]},{"type":"paragraph","content":[{"type":"text","text":"Best for"}]},{"type":"paragraph","content":[{"type":"text","text":"Equity research products, investing newsletters, brokerage and analyst pages, and fintech sections that need to show forward looking data honestly."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Drop it on the canvas and give it width. The fan needs horizontal room to read."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Set the Label, for example \"Price target · 12mo\"."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Set Now to the current price, then High, Mean and Low to your targets."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Set High #, Mean # and Low # to the analyst counts behind each one."}]},{"type":"paragraph","content":[{"type":"text","text":"5. Pick a Theme and Accent."}]},{"type":"paragraph","content":[{"type":"text","text":"6. Hover each target in preview to check the isolate behaviour."}]},{"type":"paragraph","content":[{"type":"text","text":"History is sample data. The targets and counts are real inputs, so the fan and every delta are computed from what you type."}]}]},"introduction":"Analyst targets as a fan chart","slug":"price-target-fan","author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/019fd28a-bb7d-70e2-910f-a7bd3e430ff5.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-05T15:28:59.779Z","updatedAt":"2026-08-24T22:22:15.025Z","publishedAt":"2026-08-05T15:28:59.776Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/PriceTargetFan-XsmEf0.js@QYG26zl5t7pkS3XfufPH","previewUrl":"https://price-target-fan.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"QYG26zl5t7pkS3XfufPH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T15:29:00.281Z","updatedAt":"2026-08-05T15:29:00.281Z"},{"id":"019fd24e-534a-735e-80ae-f42bdfc815f2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"yYoOJ4yeFQx3b2HmqiAj","resolved":true,"title":"Range Navigator","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Price history you can steer. A detail chart sits above a compressed mini map of the full 240 day series, and you drag a brush window across the bottom to choose what the top chart shows."}]},{"type":"paragraph","content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Brush window. Drag the middle of the window to pan through history. Pull either edge to widen or narrow it, and the detail chart rescales to whatever you selected."}]},{"type":"paragraph","content":[{"type":"text","text":"Two linked charts. The mini map always shows the whole series with your selection highlighted, so you never lose your place while zoomed in."}]},{"type":"paragraph","content":[{"type":"text","text":"Crosshair readout. Hover the detail plot and a dashed guide follows the cursor with a card showing price and date at that exact point."}]},{"type":"paragraph","content":[{"type":"text","text":"Axis that follows the window. Ticks and end labels derive from the selection, taking the min and max of the visible range and padding 10% each side, so a flat stretch still fills the plot."}]},{"type":"paragraph","content":[{"type":"text","text":"Optional chrome. Price axis and Crosshair each turn off on their own when you want the bare chart."}]},{"type":"paragraph","content":[{"type":"text","text":"Best for"}]},{"type":"paragraph","content":[{"type":"text","text":"Analytics and reporting products, portfolio and performance pages, anywhere you need to show a long series without forcing the reader to squint at 240 points at once."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Drop it on the canvas. Give it real width, it wants room for both charts."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Set the Title, or clear it if the section already has a heading."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Set Window between 12 and 239 days for the starting selection. 72 is a quarter and reads well as a default."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Turn Price axis off for a cleaner look, or Crosshair off if the component is decorative rather than interactive."}]},{"type":"paragraph","content":[{"type":"text","text":"5. Pick a Theme and Accent."}]},{"type":"paragraph","content":[{"type":"text","text":"6. In preview, drag the brush and pull its edges to confirm the range feels right."}]},{"type":"paragraph","content":[{"type":"text","text":"The 240 day series is deterministic sample data. Swap it for your feed in the code file."}]}]},"introduction":"Price history with a brush window","slug":"range-navigator","author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/019fd24e-3123-7747-b79f-2441ee547a67.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-05T14:22:55.794Z","updatedAt":"2026-08-24T22:21:47.183Z","publishedAt":"2026-08-05T14:22:55.790Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/RangeNavigator-vFORia.js@I2AhiETyPNagqMVZfUeg","previewUrl":"https://range-navigator.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"I2AhiETyPNagqMVZfUeg","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T14:22:56.330Z","updatedAt":"2026-08-05T14:22:56.330Z"},{"id":"019fd244-acb2-774f-a7c5-752eb175d52e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"iH2SJPN4LalbzFIDblQy","resolved":true,"title":"Sectors donut","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A sector allocation ring. Weights become arcs around a centered symbol, with legend rows down the right, and hovering either an arc or a row dims everything else so one weight reads at a time."}]},{"type":"paragraph","content":[{"type":"text","text":"What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"Arc per weight. Arc length is that sector's percentage of the ring, so the geometry is the data."}]},{"type":"paragraph","content":[{"type":"text","text":"Two way hover. Hover a legend row to isolate its arc, or hover the arc to isolate its row. Both directions work."}]},{"type":"paragraph","content":[{"type":"text","text":"Centered label. The symbol sits in the hole with a caption line under it, for example \"SPY\" over \"of 503 holdings\"."}]},{"type":"paragraph","content":[{"type":"text","text":"Ring thickness. 6 to 20 px. Thin reads as a chart, thick reads as a graphic."}]},{"type":"paragraph","content":[{"type":"text","text":"Staggered draw in. Arcs sweep in one after another on first paint. Reduced motion users get the finished ring."}]},{"type":"paragraph","content":[{"type":"text","text":"Best for"}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio and fund pages, ETF and index products, allocation and breakdown sections, and any place a pie chart would normally go but needs to look built rather than generated."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Drop it on the canvas. It wants enough width for the ring and the legend side by side."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Set the Symbol for the middle, and the Caption underneath it."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Set Thickness between 6 and 20 for the ring weight."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Pick a Theme and Accent."}]},{"type":"paragraph","content":[{"type":"text","text":"5. Hover arcs and legend rows in preview to confirm the isolate reads clearly at your size."}]},{"type":"paragraph","content":[{"type":"text","text":"The sector weights are sample data. Edit them in the code file to show your own allocation."}]}]},"introduction":"Allocation ring with hover isolate","slug":"sectors-donut","author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/019fd244-605c-767c-b968-44080ada758f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-05T14:12:23.405Z","updatedAt":"2026-08-24T22:22:36.904Z","publishedAt":"2026-08-05T14:12:23.401Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/SectorsDonut-4xkzNx.js@UcET8ye82LNFRcM681wm","previewUrl":"https://sectors-donut.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"UcET8ye82LNFRcM681wm","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T14:12:23.858Z","updatedAt":"2026-08-05T14:12:23.858Z"},{"id":"019fb4bb-3cb2-717a-9931-155d8e9282e0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Vkzgj8IGkm2SccqlAp9Q","resolved":true,"title":"Market Snapshot","body":"

Stock snapshot card from my UI Library. An animated priceline that reads the date under your cursor, period tabs with a sliding underline, and the price ticking in the header.

• Dark and light themes, accent color

The feed is simulated. Swap it for a real one in the code file when you need live data.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stock snapshot card from my "},{"type":"text","text":"UI Library","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://ui.ssicevs.com/library/market-snapshot","target":"_blank"}}]},{"type":"text","text":". An animated priceline that reads the date under your cursor, period tabs with a sliding underline, and the price ticking in the header."}]},{"type":"paragraph","content":[{"type":"text","text":"• Dark and light themes, accent color"}]},{"type":"paragraph","content":[{"type":"text","text":"The feed is simulated. Swap it for a real one in the code file when you need live data."}]}]},"introduction":"Price card with scrubbable chart","slug":"market-snapshot","author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/019fb4ba-f6b0-7206-9df8-1108bd5488cc.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2560,"height":1600}}],"post":null,"createdAt":"2026-07-30T20:33:17.042Z","updatedAt":"2026-07-30T20:33:17.042Z","publishedAt":"2026-07-30T20:33:17.038Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/MarketSnapshotCard-5Qw5xI.js@48I3jIboMQfOIRKTpJI4","previewUrl":"https://market-snapshot.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"48I3jIboMQfOIRKTpJI4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T20:33:17.490Z","updatedAt":"2026-07-30T20:33:17.490Z"},{"id":"019fb4b6-e18b-70e8-9b59-64b08f44ad8d","title":null,"body":"

Market snapshot from my trading ui library now in Framer. Swap it for a real one in the code file when you need live data.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Market snapshot from my trading ui library now in Framer. Swap it for a real one in the code file when you need live data."}]}]},"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/gmB021WigmXuoBMaemmMUodGENnRtHykLRuERSLWahTE.m3u8","metadata":{"posterUrl":"https://image.mux.com/gmB021WigmXuoBMaemmMUodGENnRtHykLRuERSLWahTE/thumbnail.webp?time=5.52","aspectRatio":"8:5","duration":17.48}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T20:28:32.021Z","updatedAt":"2026-07-30T20:28:32.021Z"},{"id":"019fb395-0c71-75d3-a84e-dbcf04da4e10","title":null,"body":"

Yet another code component from my UI Library.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yet another code component from my UI Library. "}]}]},"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"tmAPkQ6IL1YiiLov60TY","resolved":true,"title":"News card","body":"

Auto-cycling market news card from my trading lab. Timestamp, bold headline, source line and dot pagination. A dot click jumps to that story and resets the clock.

• Dark and light themes, accent color

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-cycling market news card from my trading lab. Timestamp, bold headline, source line and dot pagination. A dot click jumps to that story and resets the clock."}]},{"type":"paragraph","content":[{"type":"text","text":"• Dark and light themes, accent color"}]}]},"introduction":"Auto-cycling market news module","slug":"news-card","author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/019fb394-1c00-7288-82ac-a9b7cf462d2f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-30T15:11:56.987Z","updatedAt":"2026-07-30T15:11:56.987Z","publishedAt":"2026-07-30T15:11:56.975Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/NewsCard-iw53qF.js@0nnKmY6SC6VvLuwsExGv","previewUrl":"https://news-card.framer.website/?editSite","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"0nnKmY6SC6VvLuwsExGv","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T15:11:57.553Z","updatedAt":"2026-07-30T15:11:57.553Z"},{"id":"019fb32c-5d11-70c8-b12c-9b3e0b13541b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Icz3jXO47ng7yE72vDW2","resolved":true,"title":"Alert Stack","body":"

Collapsed notification deck from my trading lab.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Collapsed notification deck from my trading lab."}]}]},"introduction":"Notification deck that fans open","slug":"alert-stack","author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/019fb32a-d4c0-7276-8652-3d4c3d144aad.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2560,"height":1600}}],"post":null,"createdAt":"2026-07-30T13:17:36.476Z","updatedAt":"2026-07-30T13:17:36.476Z","publishedAt":"2026-07-30T13:17:36.471Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/AlertStack-tyCSLY.js@GD6yuQitoH0YkkMQiYc7","previewUrl":"https://alert-stack.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"GD6yuQitoH0YkkMQiYc7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T13:17:36.913Z","updatedAt":"2026-07-30T13:17:36.913Z"},{"id":"019fa5e0-df25-74b4-bec6-18dbae697b91","title":null,"body":"

Made an order book component for Framer. It ticks live simulated feed, depth bars, the whole thing.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Made an order book component for Framer. It ticks live simulated feed, depth bars, the whole thing."}]}]},"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"YSjaKySVG7legHG0HuYC","resolved":true,"title":"Order Book","body":"

Live order book. Drop it in, pick a symbol, it just ticks, moves like the real thing.

• 5 symbols (BTC, ETH, SOL, LINK, AVAX)

• Light / Dark variants

• Every color, font, radius editable from the panel

• 5–15 rows, works at any width

Made for trading dashboards and fintech pages. Want real data? One function in the code file swaps the simulator for your exchange feed.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live order book. Drop it in, pick a symbol, it just ticks, moves like the real thing."}]},{"type":"paragraph","content":[{"type":"text","text":"• 5 symbols (BTC, ETH, SOL, LINK, AVAX)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Light / Dark variants"}]},{"type":"paragraph","content":[{"type":"text","text":"• Every color, font, radius editable from the panel"}]},{"type":"paragraph","content":[{"type":"text","text":"• 5–15 rows, works at any width"}]},{"type":"paragraph","content":[{"type":"text","text":"Made for trading dashboards and fintech pages. Want real data? One function in the code file swaps the simulator for your exchange feed."}]},{"type":"paragraph"}]},"introduction":"Live order book with depth ladder","slug":"order-book","author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/019fb343-4f81-774f-81a1-a1ec583ce015.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1200,"height":800}}],"post":null,"createdAt":"2026-07-27T23:20:05.255Z","updatedAt":"2026-07-30T13:42:44.678Z","publishedAt":"2026-07-27T23:20:05.251Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Order-Book-gGr9HR.js@jokH7FIbxL81dpXJkWqy","previewUrl":"https://orderbook.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"jokH7FIbxL81dpXJkWqy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T23:20:05.669Z","updatedAt":"2026-07-27T23:20:05.669Z"},{"id":"019f85df-8577-77d8-b506-f65bed827c20","title":null,"body":"

MacOS style dock

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MacOS style dock"}]}]},"author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"XD970cWovrVkN1sVSGXK","resolved":true,"title":"MacOS Dock","body":"

MacOS-style dock that scales on hover, with a tooltip, active indicator and swappable icons

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MacOS-style dock that scales on hover, with a tooltip, active indicator and swappable icons"}]}]},"introduction":"For showcasing icons","slug":"macos-dock","author":{"framerUserId":"d6c45fdc-52a2-44b6-98bd-d9bc510c67c7","name":"Savva Sicevs","slug":"ssych","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/dxqc635y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6c45fdc-52a2-44b6-98bd-d9bc510c67c7/019f85de-336d-7469-841f-083e24dbe477.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-21T18:10:45.742Z","updatedAt":"2026-07-21T18:10:45.742Z","publishedAt":"2026-07-21T18:10:45.738Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Dock-2-h0A3WY.js@P81idNq1oMBiNrKUGrxo","previewUrl":"https://amusing-increase-051292.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"P81idNq1oMBiNrKUGrxo","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T18:10:46.264Z","updatedAt":"2026-07-21T18:10:46.264Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]