Feed
All of the designs on this page can be found in the Reference Designs Figma File. Feel free to make a copy and use however you wish. This resource is open source without any limitations.
Full width, large image note
![](/assets/images/feeds2-9a7c5b037db260fc78f084a582275eeb.png)
Long Form Note Preview
![](/assets/images/feeds1-543001e67d8a228b1971311df31a6e23.png)
Note with Media
![](/assets/images/feeds3-0b9f9fbdf8e9072ca64e7ed3c37773a4.png)
Standard Notes
Note: We have started depreciating showing NIP5 addresses in feeds, instead, opting to show if you already follow the user.
![](/assets/images/feeds5-60cb27a80560a60ac922cb5909c37068.png)
Combination of Note Types
![](/assets/images/feeds6-7240ed4c94d113a78785ff0026d65a0f.png)
Responsive Layout with Audio Preview
![](/assets/images/feeds9-209d5064d1833c084580f761a6314d02.png)
Mobile Layout Example
![](/assets/images/feeds10-6ab0579a562c4e691a8f8bbb191c20c6.png)
![](/assets/images/feeds8-271e0445c7f6ba271cb28a1b61854d23.png)
Full Screen Media Scrolling
![](/assets/images/feeds7-ef9578367616baad0d71f2d54983ffe7.png)
Filtering Selector
![](/assets/images/feeds4-392a15c28bf10e41b18a2ade49e533e2.png)