https://github.com/psephopaiktes/figma-squircle-wc

https://github.com/psephopaiktes/figma-squircle-wc

Last synced: 10 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/psephopaiktes/figma-squircle-wc
• Owner: psephopaiktes
• License: mit
• Created: 2025-08-07T04:25:24.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-08-07T04:37:32.000Z (10 months ago)
• Last Synced: 2025-08-07T06:25:30.049Z (10 months ago)
• Language: TypeScript
• Size: 53.7 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# figma-squircle-wc

English | [日本語](README.ja.md)

![OGP](./public/OGP.png)

TODO

## DEMO Preview 

https://psephopaiktes.github.io/figma-squircle-wc/

## Component

いらんかも。やっぱsvgかdataかみたいreturn属性かな?

- button

- image

- background(image,color,border,shadow,blur)

- form

- clip anything

## つかうイメージ

が描画される。

    aaa

- button

widthかheightかRは必須にするか・・・

    Contact

- image

- background(image,color,border,shadow,blur)

- form

- clip anything

## HTMLにSVGもしくはpath直接描画

- 画像として扱える

- HTMLにw0h0で描画しておいてCSSでclip-path: url(#id);(MeBanner)

## CSSにdataURL

- border-image-source: url('data:image/svg+xml,') (Contactボタンに)

- backgroundもいけるかな