SFXMint

クリスプ UI 効果音パック

ドライで引き締まった明るい音 — 情報量の多い生産性ツールや開発者向けツールに。ダッシュボード、エディター、管理画面、デスクトップアプリ向け。

click、hover、toggle、swipe、pop、menu など 6 件の追加イベントを含む 12 音 · WAV & MP3 · CC0 · 単体ファイルと API は登録不要

パックを聴く

これらのイベントで試聴済み:12件中0件。残りはご自身のシーンで試聴してください。

収録内容

プロジェクトで使う

安定したMP3リンク(CORS対応)に直接リンクするか、パックをダウンロードしてください。対応表は上での選択内容に従います。

{
  "click": "https://sfxmint.com/dl/ready-click-05.mp3",
  "hover": "https://sfxmint.com/dl/ready-hover-05.mp3",
  "toggle": "https://sfxmint.com/dl/ready-toggle-05.mp3",
  "swipe": "https://sfxmint.com/dl/short-ui-swipe-05.mp3",
  "pop": "https://sfxmint.com/dl/ready-pop-01.mp3",
  "menu": "https://sfxmint.com/dl/short-ui-menu-05.mp3",
  "modal": "https://sfxmint.com/dl/short-ui-modal-05.mp3",
  "alert": "https://sfxmint.com/dl/ready-alert-05.mp3",
  "notification": "https://sfxmint.com/dl/ready-chime-05.mp3",
  "confirm": "https://sfxmint.com/dl/short-ui-confirm-05.mp3",
  "success": "https://sfxmint.com/dl/ready-success-05.mp3",
  "error": "https://sfxmint.com/dl/short-ui-error-05.mp3"
}

View instructions
Integrate my selected SFXMint MP3 files into the matching events in this project. Use the existing audio system and preserve the current behavior.

Selected event-to-file mapping:
click: https://sfxmint.com/dl/ready-click-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/ready-click-05
hover: https://sfxmint.com/dl/ready-hover-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/ready-hover-05
toggle: https://sfxmint.com/dl/ready-toggle-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/ready-toggle-05
swipe: https://sfxmint.com/dl/short-ui-swipe-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/short-ui-swipe-05
pop: https://sfxmint.com/dl/ready-pop-01.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/ready-pop-01
menu: https://sfxmint.com/dl/short-ui-menu-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/short-ui-menu-05
modal: https://sfxmint.com/dl/short-ui-modal-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/short-ui-modal-05
alert: https://sfxmint.com/dl/ready-alert-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/ready-alert-05
notification: https://sfxmint.com/dl/ready-chime-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/ready-chime-05
confirm: https://sfxmint.com/dl/short-ui-confirm-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/short-ui-confirm-05
success: https://sfxmint.com/dl/ready-success-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/ready-success-05
error: https://sfxmint.com/dl/short-ui-error-05.mp3
  File metadata: https://sfxmint.com/api/v1/sounds/short-ui-error-05

Download these exact selections locally and keep the mapping, source URLs, CC0-1.0 license and available format metadata. Check HTTP responses before saving: if a file is unavailable, report it rather than saving an error response as audio or silently substituting another file. Set metadata at https://sfxmint.com/api/v1/sets/ui-crisp?format=mp3 describes defaults, which may differ from my choices above.

Connect playback to each matching event; report events that do not exist in this project. Respect audio unlock and existing mute/volume controls. Verify playback and local-file loading, then let me preview the result. Report missing files and any listening checks still needed; file metadata alone is not listening approval. Preserve originals and document any permitted processing. Do not replace these selections or call paid generation services without my authorization.
ほかの接続方法 →
選定の詳細とAPI

厳選したロールは、形式ごとの測定検査を経た固定ファイルを使っています。ほかのロールは、測定した音の傾向(明るさ、立ち上がり、余韻)の順に並べています。「確認済み」の印は、そのイベントとそのファイルそのものに対するものです。

これらの既定値をJSONで確認

これらの音を実際に使ってみましょう:React アプリにサウンドを追加する。