Nasio Blocks
Custom Gutenberg Blocks for the WordPress Block editor. Easy to use, lightweight and super useful. Post slider, Content slider, Gallery slider, Tabs, Accordeon, Chart, Icon and Countdown blocks. Features a template library with predefined demo content (block patterns) to speed up the page creation process. No unnecessary code to slow you down – you can choose which blocks to activate for maximum performance. Features Post Slider Block Display your latest posts in a beautiful responsive slider using Swiper.js – lightweight and fully responsive vanilla JS slider with RTL support. Choose between Fullwidth Slider (single column) or Carousel (multi-column slider) display mode Fully customizable settings for number of posts, category filtering and flexible display options Responsive design that works on all devices Support for featured images, excerpts, post metadata and more Content Slider Block Create beautiful responsive sliders using the WordPress Cover block and Swiper.js. Choose between Fullwidth Slider or Carousel (multi-column slider) display mode Fully customizable settings for slider behavior Ability to add, delete and edit slides through the familiar Block Editor interface Responsive design that works on all devices Gallery Slider Block Display galleries in beautiful multi-column carousels. Fully customizable settings for slider behavior Ability to add a gallery using the familiar Block Editor interface Ability to set custom image sizes Responsive design that works on all devices Icon Block Display svg icons from the WordPress Icons Library or upload custom svg icons. Allow users to add beautiful and scalable svg icons on their website without excessive font libraries – only the specified icons are loaded on the frontend. Different font size, color and background color Different spacing options Option to add custom svg icons Accordeon Block Display FAQ-style section in the form of expandable/collabsible dropdowns. Show a default Open Item Change header background and text color Tabs Block Create organized content sections with tabbed navigation. Customizable tab colors and styling Set default active tab Responsive design that stacks tabs vertically on mobile Easy content management through the Block Editor interface Chart Block Display data in beautiful, interactive charts using Chart.js. Support for multiple chart types: Pie, Doughnut, Bar, and Line charts Fully customizable colors for chart segments and datasets Interactive legends with customizable positioning Data labels with custom units and threshold controls Multiple datasets support Countdown Block Create engaging countdown timers to build anticipation for sales, events, or product launches. Set custom target date and time for your countdown Customizable time unit labels (Days, Hours, Minutes, Seconds) Multiple display styles: Default (stacked) and Inline layout options Multiple style options for countdown units Unit delimiter options (e.g., “:”, “-“, ” | “) between time units Template Library List of Block patterns (ready to use demo content) created with the Block Editor.
Top keywords
- block16×3.56%
- slider14×3.11%
- display9×2.00%
- customizable7×1.56%
- responsive7×1.56%
- content6×1.33%
- custom6×1.33%
- icons6×1.33%
- beautiful5×1.11%
- block display5×1.11%
- block editor5×1.11%
- chart5×1.11%
Stock Quotes List
Stockdio’s Stock Quotes List contains a plugin and a widget that provide the means to display a list of stock prices, market indices, currencies and commodities with their variations. Over 65 different stock exchanges and a large number of market indices, currencies and commodities are supported. Optionally, an interactive price chart can be included with the list. If you’re using the standard Gutenberg editor, the easiest way to include this plugin on your page is using the Stock Quotes List block, which is included in the Stockdio Financial Visualizations category. If you’re using a different editor o prefer to use the shortcode, below is a sample to help you start. Please be aware that most of the parameters listed below are optional, and are also available through the plugin’s settings page. Any parameter you include in the shortcode will overwrite the parameter used in the settings page. [stock-quotes-list symbols="AAPL;MSFT;GOOG;HPQ;^SPX;^DJI;LSE:BAG" stockExchange="USA" width="100%" height="380" motif="financial" palette="financial-light"] This plugin is part of the Stockdio Financial Widgets, which also includes the following plugins and widgets: Stockdio Historical Chart Stock Market Overview Stock Market News Stock Market Ticker Economic & Market News The following parameters are supported: stockExchange: The exchange market the symbols belong to (optional). If not specified, USA Equities will be used by default. For a list of available exchanges please visit www.stockdio.com/exchanges. symbols: A list of companies stock symbols, market index tickers, currency pairs or commodities ticker, separated by semi-colon (;) (e.g. AAPL;MSFT;GOOG;HPQ;^SPX;^DJI;LSE:BAG). Please review the FAQ section for additional details on how to includes indices, currencies and commodities, as well as how to specify custom names, combine data from different exchanges, etc. width: Width of the list in either px or % (default: 100%). height: Height of the list in pixels (default: 320px). If not specified, the list height will be calculated automatically. title: Allows to specify a title for the list, e.g. Watch List (optional). intraday: If enabled (true), auto refresh intraday delayed data will be used if available for the exchange. For a list of exchanges with intraday data available, please visit http://www.stockdio.com/exchanges. includeChart: Allows to include an interactive chart along with the list (optional). chartHeight: Height of the chart in pixels (default: 320px). includeLogo: Allows to include/exclude a column with the stock logo or index country flag, if available. Use includeLogo=false to hide the logo (optional). logoMaxHeight: Specify the maximum height allowed for the logo. The height may be smaller than the maximum, depending on the logo width, as it maintains the logo’s aspect ratio (optional). logoMaxWidth: Specify the maximum width allowed for the logo. The width may be smaller than the maximum, depending on the logo height, as it maintains the logo’s aspect ratio (optional). includeSymbol: Allows to include/exclude a column with the stock symbol. Use includeSymbol=false to hide the symbol (optional). includeCompany: Allows to include/exclude a column with the company name. Use includeCompany=false to hide the company name (optional). includePrice: Allows to include/exclude a column with the latest stock price. Use includePrice=false to hide the stock price (optional). includeChange: Allows to include/exclude a column with the stock price change. Use includeChange=false to hide the price change (optional). includePercentChange: Allows to include/exclude a column with the stock price percentual change. Use includePercentChange=false to hide the price percent change (optional). includeTrend: Allows to include/exclude a column with the stock price trend icon (up/down/neutral). Use includeTrend=false to hide the trend icon (optional). includeVolume: Allows to include/exclude a column with the latest volume. By default, volume is not visible. Use includeVolume=true to show it (optional). showHeader: Allows to display the list header. Use showHeader=false to hide it (optional). showCurrency: Allows to display the currency symbol next to the price, depending on the culture settings. allowSort: If enabled (true), it allows the end user to sort the data by any of the fields, by clicking on the header, if this is visible. culture: Allows to specify a combination of language and country settings, used to display texts and to format numbers and dates, e.g. Spanish-Spain (optional). For a list of available culture combinations please visit http://www.stockdio.com/cultures. motif: Design used to display the visualization with specific aesthetics, including borders and styles, among other elements (optional). For a list of available motifs please visit www.stockdio.com/motifs. palette: Includes a set of consistent colors used for the visualization (optional). For a list of available palettes please visit www.stockdio.com/palettes. font: Allows to specify the font that will be used to render the chart. Multiple fonts may be specified separated by comma, e.g. Lato,Helvetica,Arial (optional). displayPrices: Allows to specify how to display the prices on the chart (if enabled), using one of the following options (default: Line): Line Candlestick Area OHLC HLC allowPeriodChange: If enabled (true), it provides a UI to allow the end user to select the period for the data to be displayed in the chart. This UI is enabled by default. days: Allows to specify the number of days for the period to display in the chart (if enabled). If not specified, its default value is 365 days. loadDataWhenVisible: Allows to fetch the data and display the visualization only when it becomes visible on the page, in order to avoid using calls (requests) when they are not needed. This is particularly useful when the visualization is not visible on the page by default, but it becomes visible as result of a user interaction (e.g. clicking on an element, etc.). It is also useful when using the same visualization multiple times on a page for different devices (e.g. using one instance of the plugin for mobile and another one for desktop). We recommend not using this by default but only on scenarios as those described above, as it may provide the end user with a small delay to display the visualization (optional).